Question

TLDR：使用CSS是否有办法强制所有无标题标记使用特定字体？

所以我在学区工作，我们正在努力统一我们的网站外观和感觉。我们遇到一个小问题，我们所有的老师都可以更改其内容的字体系列和大小。我们真的不介意他们用标题做什么，或者当他们的字体稍微大一点用于强调时。我们发现的问题是他们选择了难以阅读的字体。

现在我知道在css中使用!important与*强制将强制执行所有字体（是的我知道我们真的不应该使用!important）。但是，这不允许用户为标题使用自定义字体（h1，h2，h3，h4，h5和h6标记）。有没有办法可以强制字体系列是特定的，而不必强制它在标头标签上。

教师接受培训不会这样做，但如果他们这样做，就没有办法惩罚或责骂他们。所以训练它是不可能的。我也是一个维护这样的东西的人，这只是我工作的一小部分，我们有1000多名老师，所以我很难执行。

所以现在你知道我的问题以及为什么这是一个问题。任何建议将不胜感激。

TLDR：使用CSS是否有办法强制所有无标题标记使用特定字体？

Answer 1

你可以使用：不是。下面是一个小例子。您可以看到Header标签是与段落标签不同的字体系列（添加了一些着色等）。

＆＃13;

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;
}

＆＃13;

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

＆＃13;

Answer 2

使用:not pseudoclass

设置默认样式，然后将其覆盖为可编辑字体...

/^\/(\d{2}\(JUN|JUL)\d\{4\}\)(?:\/(?=$))?$/i

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

强制字体系列除非标题标记

2 个答案: