Next.jsのFont Optimizations（Webフォントの最適化）を試してみる

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/catnose99

99 usersがブックマークコメント

コメント

8

記事へのコメント8件

注目コメント
新着コメント

mayumayu_nimolove Nuxtやっぱ勉強するか

2020/12/29 リンク

hiro14aki Font 最適化

Next.js

2021/11/29 リンク

Nyoho そんなことまでNext.jsは面倒みてくれるのか。いいね。

2020/12/30 リンク

d4-1977 真似できるかなあ…やり方

2020/12/29 リンク

spark7 cssの内容を展開してるだけのような。

2020/12/29 リンク

mayumayu_nimolove Nuxtやっぱ勉強するか

2020/12/29 リンク

satoshi90925 WEBフォント最適化

2020/12/29 リンク

flirt774 フォント箇所のCSSのインライン展開だけでこんなに変わる･･･?　理由が知りたい。/font-display:swap を先に宣言出来るからかな

2020/12/29 リンク

forrest-gump webフォント最適化でこんなに変わるのか nuxtに同じ機能ないかな

2020/12/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Next.jsのFont Optimizations（Webフォントの最適化）を試してみる

追記) v10.2からデフォルトでGoogle Fontsの最適化が行われるように Next.js v10.2から自動でWebフォン... 追記) v10.2からデフォルトでGoogle Fontsの最適化が行われるように Next.js v10.2から自動でWebフォントの最適化が行われるようになりました。v10.2時点ではGoogle Fontsにのみ対応しているとのことです。特に設定は不要で、いつも通りGoogle Fontsを読み込めばOKです。 ↓ 詳細これより下の解説は古い内容になります。実装の参考にしないようお願いします。以前、Next.jsのリポジトリを眺めていたときにFont Optimizationsというプルリクエストを見つけました。 2020年12月時点ではExperimantalな機能のようですが、v10.0.4で既に使えるようになっていたので試してみました。 :::message alertz Next.js v10.0.4でのドキュメントに則っていない記録になります。 ::: Font Opt

ブックマークしたユーザー

techtech05212024/04/11
hiro14aki2021/11/29
J1382021/08/31
motch1cm2021/01/27
schrift2021/01/01
makotot-riceball2020/12/31
kmnasjm2020/12/31
u-qreil82020/12/30
yuni3s2020/12/30
poad10102020/12/30
hkmn2020/12/30
hasunuma06132020/12/30
toshi-toma2020/12/30
Nyoho2020/12/30
cucumisin2020/12/30
ko-ya-ma2020/12/30
emmeleia2020/12/30
hirose5042020/12/30

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx