Show GN: 静的サイトで韓国語Webフォントを最適化する

gatsby.jsで構築したstatic siteで、韓国語フォントファイルをsubfontで最適化した経験を書いてみました。

• HTMLを静的解析して、フォントで使用される文字だけをsubsetして利用

• プラグインとconfigファイルの変更だけで、ビルド時ごとに最適化

• Google Fontsなど外部Webフォントホスティングの助けなしにセルフホスティング

• フォント形式を知らなくても、TrueTypeフォントをそのまま使用

[sduck4]

内容が変更されてグリフが追加・削除されると、キャッシュが効かなくなりますね。

本当に内容が「静的」なサイトには良いでしょうが、頻繁に内容が追加されるブログには適していない方法だと思います。

というわけで、みんな Google Fonts を使いましょう！

[xguru]

「Show GN」と書いてくださったので、本当にHNっぽい感じがしますね。ありがとうございます ;)

Showだけをまとめて見る機能は作ってあるのですが、まだ数が多くないので上部メニューには入れていません。もっと増えたら公開してみます！

記事も楽しく拝見しました。静的ページ + subfont の組み合わせ、素晴らしいですね。

[nezz1204]

私はHacker Newsを見ていないのですが、Show機能とは何ですか？

[xguru]

Hacker Newsには、先頭に Show HN を付けて自分で作ったサービスやオープンソースを公開するリンクだけを集めた専用ページがあります。

https://news.ycombinator.com/show

通常の HN の記事リンクと同じく、多くの投票を集めればフロントページに載る点は同じですが、別枠でまとめてもう一度チェックしやすいように優遇されていると考えればよいです。

Hacker News のユーザーに試してみるよう勧めると同時に、フィードバックを受けたり質問をしたりする目的で使われます。

完璧な製品でなくても、アーリーステージでも問題なく、「いまいちだ」という非難よりも、「こうしたらどうか？」という生産的なフィードバックをする場です。

新しいサービスやオープンソースが生まれるよう後押しする場所であり、Hacker News が持つ良い機能の中でも最も大きいものではないかと思います.

[nezz1204]

おお！ とても役に立つ機能ですね。説明ありがとうございます。