Next.js の公式機能（Next Font）

Next.jsだとGoogle Fonts を自動でプリロード＋最適化してくれるため、@font-faceでフォントを自前でホスティングしたり、CDN を使用する必要もないので、簡単・安全・最速 にフォントを導入できる点がよいなと感じました。

以下の記述だけでフォント反映可
import { Barlow_Condensed } from 'next/font/google'