29
Oct 2015
by
難波 理恵
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の中身が見れて便利です。