Webフォント「Font Awesome4」の使い方
2015.11.062017.12.11jsn_rs 種類豊富なWebフォントアイコン集「Font Awesome」をご紹介します。 ウェブサイト作成に便利なアイコンを簡単、便利に使用できます。 ※ 記事更新時のバージョンは Font Awesome 4.7.0 です。 ライセンス確認と使用準備 まずはライセンスを確認します。 Font Awesome License Webフォントは「SIL Open Font License 1.1」、cssファイルは「MIT License」になっています。 cssファイル font-awesome.min.css 内で明示されているライセンスを削除や改変されない限り、個人、商用問わず無料で使用できます。 CDNから呼び出して使用する方法 配信サーバー BootstrapCDNを使用できます。 HTMLの <HEAD> 内に、次のタグを記述します。
映画『人生フルーツ』公式サイト
Download Lee Kun-chul's Good Morning Pops ポレポレ東中野でのトークイベントが決定いたしました！ ゲストは、団地をこよなく愛し、活動するユニット団地団です！！ ＊＊＊＊＊＊ トークイベント「団地をこよなく愛し、活動する団地団が『人生フルーツ』を語る！」 ◆日時：1月15日（日）13:30回上映後 ◆登壇者：団地団 大山顕（写真家）、稲田豊史（編集者／ライター）、うめ・妹尾朝子（漫画家） ◆劇場：ポレポレ東中野（東京都中野区東中野4－4－1 ポレポレ坐ビル地下） 団地団とは、2010年に結成された団地好きユニット。 メンバーは、それぞれの立場から、映画、マンガ、アニメなどに登場する団地について深く考察して大放談を繰り広げる。 話題は団地の美観や構造に対する偏愛にとどまらず、団地登場作品の演出論やそこから読み取れるインフラ論、大衆文化論、果ては都市論や郊
游ゴシックは何故Windowsでかすれて見えるのか - Ryusei’s Notes (a.k.a. M59のブログ)
この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが本来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。（Windowsで游ゴシックが汚いのは、結局誰が悪いのか？ | Cherry Pie Webなど）だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、本文に游ゴシックを使っているWIREDの記事（「癌」という名
謎の絵文字みたいなフォント「Wingdings」はなぜ存在しているのかという知られざる歴史 - GIGAZINE
Windowsに搭載されている絵文字みたいな謎のフォント「Wingdings」を目にしたことはあるものの、一度も使ったことがない、という人も多いはず。あまり使用されないWingdingsですが、一体なぜ存在しているのか？という知られざる歴史のムービーがYouTubeで公開されています。 Why the Wingdings font exists - YouTube 円と十字架を組み合わせたマークや、指さしマーク、六芒星など、「一体いつ使うのだ？」と思ってしまうフォント「Wingdings」を目にしたことがある人も多いはず。 実際のところ、使われる頻度の少ないWingdingsフォントですが…… その歴史は、実はインターネットが登場する前、フォントが主に出版や印刷業界でのみ取り扱われていた時にまでさかのぼります。現在はタイピングしたものを印刷する、という方法が採られていますが、タイピングが存
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
Georgia ProとVerdana Pro フォントの考察と導入・購入方法
これまで欧文書体セミナーTypeTalksやCSS Niteの講演、雑誌「Web Designing」の執筆などで断片的に取り上げたGeorgia ProとVerdana Pro。それぞれのPro版が2010年にリリースされてからかなり月日が経過してしまっており、今更感が否めないのですが、GeorgiaとVerdanaはどんな書体なのか、なぜPro版が発売されるに至ったのかを改めてまとめてみました。 GeorgiaとVerdanaってどんな書体？ まずGeorgiaとVerdanaというフォントをご存じない方は、一度フォントフォルダを確認してみてください。WindowsにもMacにも必ずインストールされている、いわゆるデフォルトフォントです。 どのパソコンにも最初からインストールされているので、Webフォントが登場する以前は“Webセーフフォント”として使える数少ない書体でした。Webセー
商用可な明朝体の日本語フリーフォント10選
この記事では、商用利用ができる日本語の明朝フォントフリーフォントを10個厳選して紹介します。様々な場面であなたのデザインのサポートをしてくれる便利なフォントばかりです。 １. うつくし明朝フォント 流れるような字体の美しいフォントです。ひらがな、カタカナがオリジナルのもので、漢字はIPAex明朝フォントを使用しています。軽やか・滑らかな印象が作りやすいフォントです。 ２. IPAex 明朝フォント IPA（独立行政法人 情報処理推進機構）が配布しているフォントです。文章中のひらがな・カタカナ・漢字は固定幅に、アルファベットは変動幅で表示されるようになっており、このフォント１つで整った日本語の文章を表現することができます。 ３. はんなり明朝 「り」の文字が特徴的なフォントです。こちらは、ひらがな、カタカナのみのフォントで、漢字・記号・英数字はIPA明朝フォントを使用しています。やわらかい雰
TypeKitから始まるウェブ文字革命
今月はじめに John が来日したときに「フォント関連で近々発表があるんだよね」と言っていたのですが、ついに全貌が明らかになったようです。Jeffrey Veen を中心に TypeKit というプロジェクトが立ち上がる模様です。既に WebKit, Opera 10, Firefox 3.1 3.5 でサポートされている @font-face。利用者のパソコンにあるなしに関係なく指定のフォントが使えるようになります。つまり、今まで仕方なく画像文字にしていた部分もテキストで処理可能になる可能性があります。 @font-faceでまず問題になるのが著作権に侵害しないかどうかという部分です。多くのフォントはウェブ上での配布を禁じていますし、@font-face の許可をしていないフォントもあります。法的な問題や DRM を気にせず安心して @font-face を使った文字表現をするために生ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Fonts