2020/02/21

Web フォントの読み込み中にテキスト表示

Google PageSpeed Insights の指摘を見ていたところ、「Webフォント読み込み中の全テキストの表示」という指摘を受けました。
フォントの表示方法は、@font-face の font-display で決めます。初期値は、auto (ブラウザ定義) とのことですが、これを swap としてやることで、Web フォントの読み込みが完了するまでは、代替フォントで表示することになります。

2020/02/18

HTML の viewport について

Google Search Console の URL 検査で、モバイルユーザビリティに関する検査があります。この中で、viewport に関する設定の妥当性チェックがありました。
このブログでは、エラーになっていたので、今回以下のように直してみました。Google Search Console から提示された通りに書いてみました。