記事 1 へのレス：
主に考えられる原因は3つあります。
1.そもそもフォントを読み込めていない
2.フォント名を正しく記述できていない
3.フォントを反映させたい箇所以外に指定している
念のためですが、フォントを指定するときのCSSは以下の通りです。
フォント名は、serifならデフォルトの明朝体に、sans-serifならデフォルトのゴシック体になります。
font-family: フォント名;
ですが、これだけではなく フォントをどこに反映させるかも書く必要があります。bodyだとサイト全体、.aiueoだとHTMLの<div class="aiueo">に反映される、といった感じです。
また、外部からの読み込みコードが必要なWEBフォントもあります。その代表例がGoogle Fontsです。公式サイトからコードをコピーしてフォントを指定することで使えます。
例）Noto Serif Japaneseをサイト全体に適用させたい場合のCSS
/*WEBフォントを読み込む*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
/*フォントファミリーを指定する*/
body {
font-family: "Noto Serif JP", serif;
}
↑これで反映されると思います。
参考になりましたら幸いです。