search

sohosai / teaser23

雙峰祭準備期間サイト (23年版)
https://teaser23.pages.dev
0 stars 0 forks source link

フォントの導入 #16

Closed Ryoga-exe closed 1 year ago

Ryoga-exe commented 1 year ago

Google Font なりで良さげなフォントを導入する

Ryoga-exe commented 1 year ago

現在の teaser サイトで使われているフォントは Zen Maru Gothic と ryo-gothic-plusn と museo-sans

Ryoga-exe commented 1 year ago

https://github.com/sohosai/teaser/blob/master/src/components/MainContent.tsx#L70-L74

Ryoga-exe commented 1 year ago

公式ドキュメントでは Fontsource を入れる方法が紹介されている

astro-google-fonts-optimizer というプラグインもある

とりあえず前者で実装後、両者のパフォーマンスを検証して比較

oka4shi commented 1 year ago

Heroなどのフォント: Zen Maru Gothic その他の和文: お使いの端末のフォント(ヒラギノ→Noto Sans→游ゴシック→その他) 欧文フォント: Mulish という方針になりました。