このウェブサイトのにが含ま<h1>れている理由がわかりません(少なくとも Chrome で表示した場合)。font-familyHelvetica
Google Developer Tools からは、font-family が Bootstrap CSS のbodyルールから継承されているようです ( bootstrap.min.cssを参照)。
names.cssファイルを優先すべきではありませんか? これにより、タグにfont-familyofが明示的に設定されます。Lobsterh1
これはセレクターの優先度の問題ではありません。Chrome はinheritプロパティをfont-familyフォールバックとして受け入れません。それを削除すると、期待どおりのフォントが得られます。
標準では、font-familyフォントのリストまたはinherit特別な値を受け入れるが、2 つの組み合わせは受け入れないと述べています。ただし、リストにフォントが見つからない場合は、にフォールバックすることは間違いありませんinherit。
その Web ページを開くと、Chrome はその行に黄色の感嘆符を表示するため、その CSS フォント仕様を処理しません。
を宣言しました@font-face {}か？Chrome がフォントの処理方法を認識していないため、フォントが正しくインストールされていないように見えます。
編集：
を削除inheritすると問題が解決します。
