首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >字体-家族在同一个标题上使用不同的字体

字体-家族在同一个标题上使用不同的字体
EN

Stack Overflow用户
提问于 2016-02-02 07:04:53
回答 1查看 1.5K关注 0票数 0

加载Google字体(Open )时,如下所示:

代码语言:javascript
运行
AI代码解释
复制
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>

在CSS中使用它,如下所示:

代码语言:javascript
运行
AI代码解释
复制
font-family: 'Open Sans',sans-serif !important;

在不同的页面上,但是相同的标题、css等上,页面加载:

字体系列:'Open Sans',sans-serif!重要;

第2页:字体-家庭:‘打开的桑斯’,无衬线!重要;

在这两个页面上,Google字体和css都会被加载。

有人知道是什么原因造成的吗?

EN

回答 1

Stack Overflow用户

发布于 2016-02-02 07:20:11

尽量使您的CSS规则更加具体。我看到您使用的是!important标记,所以您可能正在覆盖来自框架或其他地方的现有规则。

例如,如果你试图给所有的标题一个字体,你可能有其他的div围绕它们。假设div叫做content

代码语言:javascript
运行
AI代码解释
复制
body .content .h1, body .content .h2 {
    font-family: 'Open Sans',sans-serif !important;
}

最好的做法是看看为什么您的样式没有设置在inspect元素中。右击Chrome >检查你的标题,看看它们的样式。除非完全必要,否则您应该尝试在任何地方使用!important规则。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35156950

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文