Noto Sans/Serif JP を Font Maker で全部変換する

[hfu]

https://maplibre.org/font-maker/ を使って、https://fonts.google.com/ から共有されている Noto Sans JP と Noto Serif JP の全部を pbf ファイルに変換する。

変換したファイルを使って、サイトローカルでフォントも提供できるようにする。

TODO

フォント名を工夫したい。fontstack に相当する文字列。

前例: https://github.com/UNopenGIS/librefranklin

設計案１

• serif-400
• sans-700-italic

進捗

[hfu]

フォントのウェイトの名前と数値の対応

• Black = 900
• Bold = 700
• ExtraBold = 800
• ExtraLight = 200
• Light = 300
• Medium = 500
• Regular = 400
• SemiBold = 600
• Thin = 100

[hfu]

変換を終了してみたところ、イタリックはないので、fontstack 文字列が serif-400 とか sans-700 といった名前になるようにして準備してみることにします。

https://unopengis.github.io/noto/serif-400/{range}.pbf と言った名前にするので、glyphs は次のように指定する感じになるようにします。

glyphs: "https://unopengis.github.io/noto/{fontstack}/{range}.pbf"

ローカル運用では、docs の下にでも noto を置くようにしてもらって、次のように指定するような感じにしましょう。

glyphs: "noto/{fontstack}/{range}.pbf"

これでうまく動くと、ローカルで動くようになるかなと思っています。

[hfu]

名前のデザインを次のように変えようと思います。

• ハイフンは面倒なので入れないようにする。原案で sans-400 としていたものは、sans400 にする。

[hfu]

ファイル名をを変更してみました。 serifにはThinがないことが分かりました。

[hfu]

全部で215MBほどになるようです。 アップロードしました。

https://github.com/UNopenGIS/noto

[hfu]

その後、次のような作業があり、結果としてプロジェクトとしては上手くいっていることが分かったのでクローズします。

• 実際に https://observablehq.com/@hfu/kpop-pmtiles で使ってみたところ、ウェイトが効いていないように見えるという症状に見舞われた。
• 上記のことは、実際には、 localIdeographFontFamily の指定によりローカルフォントが優先されていることが原因であったことが分かった。
• いろいろ悩んだが、 localIdeographFontFamily で太いフォントを指定するとキレイで速い、という斜め上のソリューションを見つけて満足した。

localIdeographFontFamily = '"HiraginoSans-W6", "Hiragino Sans W6", "Hiragino Sans", "Meiryo", "sans900", sans-serif'

といった記述をしています。ここに sans900 と書くのは、正しくないかもしれない。また、Windows 向けの指定は、これでは不足である。