AwesomeやGoogleフォント、モリサワWebフォントなど導入しやすくなりました。日本語フォントやサイズが大きいフォントは、Webフォントのダウンロードが終わるまでレンダリングが保留されたり(FOIT)、ダウンロードが完了するまでシステムフォントで代用されて表示される(FOUT)などの問題があります。PageSpeedInsightでも警告が表示されます。機能を使用して、ウェブフォントの読み込み中にユーザーがテキストを見られるようにしてください。Awesome(バージョン5)の@font-faceの記述例。}@font-faceルールには最低でもfont-familyとsrcの設定が必要です。src:にはWebフォントの場所を指定します。local(),url()local()はローカルに該当フォントがインストールされている場合はローカルのフォントを優先するように設定できます。url()よりもlocal()を先に指定します。src:には読み込むフォントのフォーマットの指定ができます。)は必須ではないので指定しなくてもOKFontAwesome5は(無料版)font-weightを指定しないと正しく表示ないので注意。https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-uselink要素で先読みの指定をする@font-faceの指定以外に、link要素にpreload指定をすることでWebフォントのレンダリングの高速化が期待できます。crossorigin>preloadはフォントだけでなく、image,picture,embedなどにも対応していて、先読みさせたい画像などを指定することができます。phpMyAdminでログインパスワードを再設定する方法WordPressで、ログインパスワードがわからなくなった!というときに。