タグ別アーカイブ: Webフォント

WordPress に日本語 Web フォントをアップロードしてタイトルに使用する

ブログタイトルに Web フォントを使用してみました。
今回使用したフォントはほのか丸ゴシックです。
そのままだとサイズが10Mくらいあるので、サブセットフォントメーカーを使用してタイトルに使用する文字だけをピックアップしています。
今回編集後のファイル名は『font_1_honokamarugo_1.1.rev.ttf』でフォント名は『HonokaMarugoTitle』にしています。

次にWOFFコンバータで、woff(Web Open Font Format)の形式に変換します。
編集後のファイル名は『font_1_honokamarugo_1.1.rev.woff』にしています。

作成したフォントファイル(ttf と woff)を、WordPress にアップロードしようとすると『このファイルタイプはセキュリティの観点から許可されていません。』とエラーが出てしまいました。
想定したホワイトリスト以外は全てエラーで弾いているようなので、今回作成したフォントファイルを弾かないように修正します。

フォントファイルをアップロード出来るように、テーマの編集で以下を追加します。

もし編集で間違えて画面が真っ白になった場合は慌てず、リモートログインして以下を修正します。

フォントファイル(ttf と woff)をアップロード後に、style.css に以下を追加します。

Bookmark this on Delicious
Bookmark this on Digg
Pocket