Making the web more beautiful, fast, and open through great typography
![Browse Fonts - Google Fonts](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc141c562122706ee5c3273cfeefb53b2ead8004/height=288;version=1;width=512/https%3A%2F%2Fwww.gstatic.com%2Fimages%2Ficons%2Fmaterial%2Fapps%2Ffonts%2F1x%2Fcatalog%2Fv5%2Fopengraph_color.png)
英語だけですが……、Google web fontsのリソースとGoogle Font APIを使うと、簡単にWeb Fontを使って、文字のまま装飾する事ができます。 Web Fontって? CSS3で追加される機能で、サーバーに置いたフォントを使ったデザインを作れるようになるものです。 今までもフォントを指定することはできましたが、利用者のマシンにそのフォントがインストールされていないと無意味でした。Web Fontは指定のフォントファイルをダウンロードさせる事になるので、誰が見ても同じフォントで表示されるようになります。 ファイルのダウンロードが必要ってのがネックですね。日本語の場合は英語と違ってファイルサイズが膨大になりますから、使いどころは限られそうです……。 Web Fontの使い方 手順はふたつです。 @font-faceでフォントのURLを指定する。 font-family
<$MTEntryTitle$> HTML5とCSS3の普及が始まり、今ではよく見掛ける様になって参りました。 その一方でWebフォント・クラウドフォントサービスも徐々に広がりをみせています。 今回は無料で使う事の出来るWebフォント・クラウドフォントサービスをまとめてみました。 では、以下が一覧になります。 1 Google web fonts ■Google web fonts Googleが提供するWebフォントです。 種類が豊富ですが、日本語は無いようです。 Google Web Fonts APIの使い方は以下に詳しく書いてあります。 http://code.google.com/intl/ja/apis/webfonts/docs/getting_started.html 2 Font comparer Font comparer Webフォントの比較が簡単に出来るサイトになり
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); }としてあげるといいみたい。IE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く