Googleが、Noto SansというFontをOpen Source Licenseで配布を始めました。 Noto Sansの日本語/中国語簡体字版のFontをWeb Font化しようとしてハマった時の話と、最終的にWeb Font化した成果物をおいておきます。 Web Font化の全体の流れ & ハマりポイント ttfやotf形式のFontをWeb Font化するには、以下のような流れで処理します 1. 元のFont fileをDownloadする 2. FontをSubset化する 3. Web fontとして使える様に各種形式に変換する (一般的にはeot, ttf, woffの3つを用意しておけばOK) 4. cssでfont指定する が、ここでポイントなのが2です。 ご承知のように日本語や中国語などはFontのFile sizeがそもそも大きいです。例えば上記のNoto Sa