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

Html 强制字体系列,除非标题标记,html,css,Html,Css,TLDR:使用CSS有没有办法强制所有无标题标签使用特定字体? 所以我在一个学区工作,我们正在努力统一我们的网站外观和感觉。不过,我们有一个小问题,我们所有的老师都有权更改字体系列和内容大小。我们真的不介意他们在标题上这样做,或者他们为了强调而使字体稍微大一点。我们发现的问题是,他们选择了难以阅读的字体 现在我知道如何使用!重要信息使用css中的*将强制在所有字体中执行此操作(是的,我知道我们确实不应该使用!重要信息)。但是,这不允许用户对标题使用自定义字体(h1、h2、h3、h4、h5和h6标

TLDR:使用CSS有没有办法强制所有无标题标签使用特定字体?

所以我在一个学区工作,我们正在努力统一我们的网站外观和感觉。不过,我们有一个小问题,我们所有的老师都有权更改字体系列和内容大小。我们真的不介意他们在标题上这样做,或者他们为了强调而使字体稍微大一点。我们发现的问题是,他们选择了难以阅读的字体

现在我知道如何使用
!重要信息
使用css中的
*
将强制在所有字体中执行此操作(是的,我知道我们确实不应该使用
!重要信息
)。但是,这不允许用户对标题使用自定义字体(h1、h2、h3、h4、h5和h6标记)。是否有一种方法可以强制字体系列成为特定的字体,而无需在标题标记上强制

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

现在你知道我的问题了,为什么它是个问题。如有任何建议,将不胜感激


TLDR:使用CSS有没有办法强制所有无标题标记使用特定字体?

您可以使用:not。这里有一个小例子。您可以看到标题标记与段落标记是不同的字体系列(添加了一些颜色等)

h1、h2、h3、h4、h5、h6{
字体系列:无衬线;
颜色:红色;
}
*:非(h1):非(h2):非(h3):非(h4):非(h5):非(h6){
字体系列:衬线;
颜色:蓝色;
}
你好 你好
您好

您可以使用:not。这里有一个小例子。您可以看到标题标记与段落标记是不同的字体系列(添加了一些颜色等)

h1、h2、h3、h4、h5、h6{
字体系列:无衬线;
颜色:红色;
}
*:非(h1):非(h2):非(h3):非(h4):非(h5):非(h6){
字体系列:衬线;
颜色:蓝色;
}
你好 你好 您好

使用

设置默认样式,然后覆盖可编辑字体的默认样式

*{
字体系列:无衬线;
字体风格:普通;
颜色:#000;
}
*:非(h1):非(h2):非(h3){
字体系列:“信使”;
字体:斜体;
颜色:红色;
}
默认字体
默认字体
更改字体

默认字体
使用

设置默认样式,然后覆盖可编辑字体的默认样式

*{
字体系列:无衬线;
字体风格:普通;
颜色:#000;
}
*:非(h1):非(h2):非(h3){
字体系列:“信使”;
字体:斜体;
颜色:红色;
}
默认字体
默认字体
更改字体


默认字体
无论如何,这可能有效。第一条规则似乎没有被应用。这意味着它不会强制字体成为特定的字体。谢谢你抽出时间。编辑:刚刚看到你关于看一看的评论。我已经编辑了这篇文章,虽然没有那么漂亮,但似乎很有效。(尽管还在努力)在这一点上,我不在乎漂亮。如果成年人能按照指示去做,我甚至不需要这个。哈哈。但它似乎确实起作用了。好的,我再次更新了,示例现在应该更清楚了。无论如何,这可能会起作用。第一条规则似乎没有被应用。这意味着它不会强制字体成为特定的字体。谢谢你抽出时间。编辑:刚刚看到你关于看一看的评论。我已经编辑了这篇文章,虽然没有那么漂亮,但似乎很有效。(尽管还在努力)在这一点上,我不在乎漂亮。如果成年人能按照指示去做,我甚至不需要这个。哈哈。但它似乎确实起作用了。好的,我又更新了,这个例子现在应该更清楚了。