WordPressでブログアフィリエイト
を参考にして、WordPressにWebフォントを導入してみる。
IEはEOT形式のみ、Safari、Chrome、Firefox、OperaはTTFが使用可能とのこと。
IPAexフォントは使用に問題がなさそうなので、これを利用してみる。
IPAexフォント/IPAフォント ダウンロード トップページ
解凍するとTTFフォントなので、IE用に以下のサイトでEOTに変換する。
(ファイル指定して「conbert to .eot」をクリックするとしばらく無反応に見えるが待っているとダウンロードの案内が表示された)
ttf2eot (ファイルコンバート用のページ)
TTFと出来上がったEOTをアップロード。
場所は使用中のテーマディレクトリ内(/wp-content/themes/***)にアップ。
cssに以下を加える。(style.css)
@font-face {
font-family: ‘ipaexg’ ;
src:url(ipaexg.eot); /* IE */
}
@font-face {
font-family: ‘ipaexg’ ;
src:url(ipaexg.ttf); /* Safafi、chrome、Firefox、Opera */
}
@font-face {
font-family: ‘ipaexm’ ;
src:url(ipaexm.eot) ; /* IE */
}
@font-face {
font-family: ‘ipaexm’ ;
src:url(ipaexm.ttf) ; /* Safafi、chrome、Firefox、Opera */
}
あとはWebフォントを適用したい場所にfont-familyの指定をすればよい。
(サンプル)
今日はとても暑い(IPAexゴシック、サイズ1.5em)
今日はとても暑い(IPAex明朝、サイズ1.5em)