Tagbangers Blog

Noto Sans Japanese軽くしてみた

Noto Sans Japaneseこと、NotoSansCJKの元ファイルは結構な容量なので軽量化してwebfontで使おう計画第一歩。

Noto Sans Japanese試してみたの続編です。

NotoSansCJKjは1ファイル(1ウェイト)でだいたい16MB越えなので、それらを軽量化します。

使うツール



1. サブセット化

サブセットフォントメーカーを使ってフォントファイルの中身を削ります。

作成元フォントファイル:NotoSansCJKjp-Medium.otf
フォントに格納する文字:以下のアルファベット+@

、。,.:;?! ゙ ゚ ́` ̈^ ̄_ヽヾゝゞ〃仝々〆〇ー―‐/\~∥|.....‘’“”()〔〕[]{}〈〉《》「」『』【】+-±×÷=≠<>≦≧∞∴♂♀°′′′°C¥$¢£%#&*@§☆★○●◎◇◆□■△▲▽▼※〒→←↑↓〓∈∋⊆⊇⊂⊃∪∩∧∨¬⇒⇔∀∃∠⊥⌒∂∇≡≒≪≫√∽∝∵∫∫∫ʼn♯♭♪†‡¶◯123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюя─│┌┐┘└├┬┤┴┼━┃┏┓┛┗┣┳┫┻╋┠┯┨┷┿┝┰┥┸╂!"#$`"'1234567891011121314151617181920IIIIIIIVVVIVIIVIIIIXXミリキロセンチメートルグラムトンアールヘクタールリットルワットカロリードルセントパーセントミリバールページmmcmkmmgkgccm2平成〝〟NoKKTEL上中下左右(株)(有)(代)明治大正昭和≒≡∫∮∑√⊥∠∟⊿∵∩∪0@P`p!1AQaq"2BRbr#3CScs$4DTdt%5EUeu&6FVfv'7GWgw(8HXhx)9IYiy*:JZgz+;K[k{,<L\l|-=M]m}.>N^n~/?O_o

+今回のサンプルはJIS第一水準漢字も含めました。


2. woff変換

1で作成したotfファイルをwoffに変換します。オプションでeotも作成出来るのでお好みでどうぞ。


3. 完成!

元:
NotoSansCJKjp-Medium.otf 16.5MB

サブセット後:
otf 719MB
woff 571MB
eot 720MB


サンプルHTMLも作成するとfontの中身が見れて便利です。