나눔스퀘어체 웹폰트 블로그 사용후기

나눔스퀘어체 사용후기

네이버 “한글한글아름답게” 프로젝트에서 이번에 “나눔스퀘어체”를 또 출시했다. 나눔 스퀘어체는 반듯한 직선들로 이루어진 고딕체이며 제목으로 사용할 때 잘 어울리고 모바일에서도 잘 보이는 글꼴이라고 소개하고 있다. 거기다 웹 폰트에서 상당히 중요한 요소인 용량이 기존의 나눔바른고딕이나 나눔고딕의 1/5로 줄어들었다! 꼭 필요한 2,350자만 추렸다고 … Continue reading

ワードプレスで日本語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

워드프레스 블로그 폰트 변경하기 (다른 언어, 다른 폰트 적용 : 영어, 일본어, 한국어)

fontlist

This post is also available in 日本語 알파벳 외에 다른 문자를 사용하는 워드프레스 유저가 블로그를 시작하고 나서 곧 접하게 되는 문제가 바로 폰트에 관한 문제입니다. “워드프레스 블로그 폰트 변경” 을 하려면 어떻게 해야 할까요? 만약 오직 ‘한 종류의 언어만 주로 … Continue reading