10-08-02
「Fonts.com Web Fonts」でWebフォントを使う
demo
- Monotype Old English Text W01
- Helvetica W01 Bold
- Copperplate Gothic LT W01 31 BC
memo
作業内容
Webフォントサービスとして、以前「Google Font APIを使ってみる」を書きましたが、今回はオンラインフォントショップFonts.comが運用するFonts.com Web Fontsを試してみます。現時点（10-08-02）での特徴としては以下になるようです。
- クラウド型フォント埋め込みサービス
- Linotype、Monotype、ITCの3社のフォントも利用可能
- 対応はIE4～、FF3.5～、Safari3.1～、Chorome4～、Opera10～（iPhone、iPadは非対応）
- 利用可能な書体数2279（Coming Soonも含めると4752）
- β版（本サービス開始時にはフリートライアルアカウントへ移行）
--- <body>直下に発行されたコードを挿入 ---
<body>
<script type="text/javascript" src="http://fast.fonts.com/発行されたコード"></script>
--- Webフォントを適用させたい要素にCSSを設定 ---
<ul>
<li class="webfont_monotype">Monotype Old English Text W01</p>
<li class="webfont_helveticaB">Helvetica W01 Bold</p>
<li class="webfont_copperplate">Copperplate Gothic LT W01 31 BC</p>
</ul>なお、「プロジェクト作成」の際にWebフォントを使用するサイトのドメインを登録するのですが、ここで登録した以外のドメインには機能しないようです、当たり前のようですが。というのも、ローカル環境で試しても一切表示されず10分くらい真剣に悩んだからです。サーバーへアップすると無事表示されました。