nuxt.jsの環境にWebフォントを読み込むには、nuxt.config.jsのheadの中のlink配列に要素を追加(インクルード)する必要があります。
link:[
{rel:'icon',type:'image/x-icon',href:'/favicon.ico'},
{rel:'stylesheet',href:'https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap'}
]次に、pagesディレクトリ配下で実際に実装するファイル内で読み込みの記述を行います。
Googleフォントだと、CSS rules to specify familiesに記載がある、以下のfont-family指定のCSSをstyleタグ内の特定の要素の中に記述すると適応できます。
font-family: 'Open Sans', sans-serif;
Witten by Masa
情報工学系学部卒のエンジニアです。メインはフロントエンドですが、そのほかにもPython,PHP,GAS,など色んな言語、開発、データ分析、マーケティングなど手広くやってます。