ワードプレスで日本語Webフォントを適用してみよう!

font-japan

ワードプレス(WordPress)でホームページを作ったとき一番の問題は日本語のフォントの問題です。もちろん、フォントに気をあまり使わない人なら大丈夫かもしれませんが、僕のようにフォントに敏感な人々はたまらないはずです。ここでは、font faceを用いて簡単な方法で日本語フォントを変更する方法を紹介します。 1. 日本語フォントの準備 まず最初にすべきことはフォントを用意することです。フォントの姿も重要な問題ですが、もっとも重要なものはフォントファイルのサイズです。Webでは速度速くなければならないですから、ファイルのサイズが小さいフォントがいいです。自分のサーバーからダウンロードする予定なら1.0MB以下が適当です(ひらがなとカタカナだけのフォントはもちろん10kBぐらいのフォントもたくさんあります)。僕が推薦するフォントはM+ 1p regular フォントです。フォントのホームページはこちらですが、こちらで無料ダウンロードができます。Licenseもフリーですので安心しましょう。 2. TTFフォントをWOFFフォントへ変換 上記サイトでダウンロードしたフォントはmplus-1p-regular.ttfです。でもこのTTFタイプのフォントはサイズも大きいですし、Internet Explorerでは動作しないかもしれません。ですからこのTTFフォントをWOFFタイプへ圧縮しなければならないです。圧縮は下記のサイト http://everythingfonts.com/ttf-to-woff で易しくできます。そうすると1.3MBのmplus-1p-regular.ttfが800kBのmplus-1p-regular.woffになります。 3. 自分のサーバーにフォントをアップロード mplus-1p-regular.woffフォントを自分のサーバーの適当な位置(一般的にはRoot)へアップロードします。 4. CSS 編集 自分のホームページのスタイルを担当するstyle.cssを開けてもっとも上段の部分に

のようにコードを追加します。また、例えば

のようにfont-familyでmplus-1p-regularを指定しておきます。これで終わりました。もちろんお金を投資するとこれより小さくて綺麗なフォントを求めることができるかもしれませんよ。  

ttf, eot, woff 폰트 파일 사이즈 줄여보자 !

fontforge3

오늘은 무려 1.3MB 의 용량을 차지하고 있었던 일본어 폰트 mplus-1p-regular.ttf 의 파일 사이즈를 줄여 보았습니다. 사실 이것도 한자를 지원하는 일본어 폰트 중에서 가장 용량이 작은 편일 겁니다(히라가나와 카타카나만 지원하는 폰트는 10kB짜리도 있을 정도지만 한자가 영 볼품없게 나와서..). 그러기 위해서 먼저 … Continue reading