ヘッダータグ以外のフォントファミリー

Question

TLDR：CSSを使用すると、すべてのヘッダータグに特定のフォントを使用させることはできません。

私は学区のために働いており、私たちはウェブサイトのルック・アンド・フィールを統一しようとしています。私たちは少し問題がありますが、教師全員がフォントファミリとコンテンツのサイズを変更できるようになっています。ヘッダーでこれを行うときや、フォントを強調するためにフォントを少し大きくするときは、本当に気にしません。私たちが見つけている問題は、彼らが読みにくいフォントを読んでいるということです。

は、今私は（はい、私たちは本当に!importantを使うべきではありません承知しています）すべてのフォント全体でこれを強制的に強制するCSSの*で!importantを使用して知っています。ただし、これはユーザーがヘッダー（h1、h2、h3、h4、h5、およびh6タグ）にカスタムフォントを使用することを許可しません。フォントファミリをヘッダータグに強制することなく特定のものにすることができる方法がありますか？

教師はこれをしないように訓練されていますが、これを行うと罰する方法や叱る方法はありません。それで質問からそれを訓練する。私はまた、このようなものを維持する一人であり、それは私の仕事のほんの一部であり、私たちは1000人以上の教師を抱えているので、強制するのは本当に難しいです。

今、あなたは私の問題を知り、なぜそれが問題なのかを知っています。アドバイスをいただければ幸いです。

TLDR：CSSを使用すると、すべてのヘッダータグに特定のフォントを使用させることはできません。

Answer 1

以下を使用できます。小さな例があります。ヘッダータグは、段落タグとは異なるフォントファミリであることがわかります（色付けなどが追加されています）。

h1, h2, h3, h4, h5, h6{ 
 
    font-family: sans-serif; 
 
    color: red; 
 
} 
 

 
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){ 
 
    font-family: Serif; 
 
    color: blue; 
 
}

<h1>Hello</h1> 
 
<h2>Hello</h2> 
 
<p>Hello</p>

Answer 2

使用

* { 
 
    font-family: sans-serif; 
 
    font-style: normal; 
 
    color: #000; 
 
} 
 

 
*:not(h1):not(h2):not(h3) { 
 
    font-family: 'courier'; 
 
    font-style: italic; 
 
    color: red; 
 
}

<h1>Default font</h1> 
 
<h2>Default font</h2> 
 
<p>Changed font</p> 
 
<h3>Default font</h3>