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

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

@font-face {
  font-display: swap;
}