Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコンテンツがなかったが、コンテンツも増えた後は、コンテンツの原稿である markdown ファイルから使用している文字を抽出して生成するように変更していた。 これでおおよそ必要最小限のサイズにすることができていた。 Regular と Bold の最適化 本サイトでは Font Weight として Regular(400) と Bold(700) を提供しているが、これまでは抽出した文字種を Bold/Regular 両
Dev.Opera — The State of Web Type
Typography has a long and rich history, but much has been lost in the transition to the web. While browser support for typography has advanced a lot in the last couple years, we still have a long way to go. Features print designers take for granted are either nonexistent on the web or have insufficient browser support in order to be useful. Challenges unique to web browsers such as responsive desi
Glyphr Studio - font design, online
The free & open source web-based font editor, made for hobbyists and typeface design beginners. Why Glyphr Studio? Professional font editing software is either expensive, complex... or both. Glyphr Studio is designed with hobbyists in mind with a low barrier of entry. If you are just starting out in typeface design, Glyphr Studio is a great option! Easily import SVG, OTF, TTF, and WOFF Familiar ve
サブセットフォントメーカー
Windows版 Mac版 概要 フォントから指定された文字列だけを取り出して、ファイルサイズを小さくしたフォトを作成するソフトです。 変換元のフォントとしては、TrueTypeフォント（拡張子 .ttf、.ttc）、OpenTypeフォント（拡張子.otf）を指定できます。 変換後のフォントをWOFFコンバータでWOFF（Web Open Font Format）に変換すればさらにファイルサイズを小さくできますので合わせてご利用ください。 本製品はフリーソフトです。 本ソフトはサポート対象外ですので、予めご了承ください。 注意事項 あくまでもWeb用のフォントを作成するためのソフトで、作成したフォントをパソコンにインストールして使うことは考慮していません。 フォントが、ヒント、カーニング情報、ビットマップデータ、OpenType機能を持っている場合、それらは削除されます。 作成されるフォ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Release v2.0.0 · foliojs/fontkit
GitHub - foliojs/fontkit: An advanced font engine for Node and the browser
