ワードプレス(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を指定しておきます。これで終わりました。もちろんお金を投資するとこれより小さくて綺麗なフォントを求めることができるかもしれませんよ。

• Bio
• Latest Posts

Leun Kim

Ph.D Candidate at The University of Tokyo

I was born and raised in Daegu, S. Korea. I majored in electronics and math in Seoul from 2007 to 2012. I've had a great interest in math since freshman year, and I studied PDE in Osaka, Japan from 2012-2014. I worked at a science museum and HUFS from 2014 in Seoul. Now I'm studying PDE in Tokyo, Japan. I also developed an interest in music, as I met a great piano teacher Oh in 2001, and joined an indie metal band in 2008. In my spare time, I enjoy various things, such as listening music, blogging, traveling, taking photos, and playing Go and Holdem. Please do not hesitate to contact me with comments, email, guestbook, and social medias.

Latest posts by Leun Kim (see all)

• 요즘 일상 - June 4, 2016
• 요 근래 유튜브 채널이 흥하면서 푸는 썰 - April 25, 2016
• 시그마 50-100 f1.8 UFO 렌즈 2탄?? - February 24, 2016
• 나눔스퀘어체 웹폰트 블로그 사용후기 - February 18, 2016
• EMS 일본 초특급 보낸 다음날 배송된다?! - January 19, 2016