首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >导入W3.css文件时Google字体不起作用

导入W3.css文件时Google字体不起作用
EN

Stack Overflow用户
提问于 2017-04-16 02:23:54
回答 1查看 126关注 0票数 0

在我导入W3.css文件之前,Google字体工作得很好。我甚至尝试将google字体链接移到文档的开头。只要我删除指向W3.css文件的链接,它就会开始工作。Google字体工作:

代码语言:javascript
运行
复制
<head>
<link href="https://fonts.googleapis.com/css?family=Concert+One"rel="stylesheet">
</head>

Google字体不工作:

代码语言:javascript
运行
复制
<head>
<link href="https://fonts.googleapis.com/css?family=Concert+One"rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
EN

回答 1

Stack Overflow用户

发布于 2017-04-16 02:34:27

你只需要在你想要的元素中声明你正在使用的google字体。

代码语言:javascript
运行
复制
body {
  font-size: 30px !important
}

.gf {
  font-family: "Concert one"
}
代码语言:javascript
运行
复制
<link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<div class="gf">test</div>
<div class="w3">test 2</div>

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

https://stackoverflow.com/questions/43429698

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档