CSS3の@font-faceでWebfontを利用する。 - ぬぺら！
今回はCSS3で新たに導入された@font-faceと、 Webfontについての説明をします。 なお、管理人はOpera 10.0 Betaで作成していますので、その他のブラウザでは多少挙動が違うかもしれません。 Webfontというのは、 ユーザーの環境に用意されてないフォントでもWebサーバーにそのフォントが用意されていれば、そのユーザーの環境でもそのフォントが表示できるシステムです。 例えば、CSSでこの様な表記をするとします。 body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; } Windowsユーザーでヒラギノをインストールしている人は少ないと思います。 ですので、こう指定したところで観覧するユーザーにヒラギノがインストールされていなければ、ヒラギノでは表示されませんので無意味です
フォントを画像と置き換えるWordPressプラグイン｢WP-Cufon｣ | [M] mbdb
がっつりとシステム&デザインリニューアルを行った当ブログですが、今回のリニューアルにおいて、それなりに、いやさかなり重要な存在になったのがプラグインの存在です。WordPressにシステムを変更したことで、プラグインが利用できるようになったのはかなり大きなポイント。導入するだけでカスタムの工数を大きく減数することができました。 中でも、デザイン上欠かすことのできないフォント関連では、｢WP-Cufon｣がかなり役立ってます。 WP-Cufonとは? WP-Cufonは、一言で言うとCufonというフォント置き換えのjavascriptをWordPressのプラグインとしたものです。 元来Webデザインにおけるタイポグラフィは、CSS(font-family)で指定するか、PhotoshopやFireworksなどを使って画像として作成･配置を行わなければなりません。 CSSでの指定
Google Font API - Google Code
How do I start? Read the Getting Started guide. Choose fonts from the Font Directory. Optionally, use the WebFont Loader library for more control over font loading. What are the Google Font API and the Google Font Directory? The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. The Google Font API helps you add web fonts to any web
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Download Free Fonts - Search Free Fonts
http://www.netch.jp/articles/2009/06/25/cufon/