gpt4 book ai didi

html - Google 字体无法在我的网站上运行

转载 作者:太空宇宙 更新时间:2023-11-04 14:58:08 24 4
gpt4 key购买 nike

我已经尝试在 CSS 中添加一个重要的标签,我已经检查了开发控制台是否有任何错误,但没有任何显示。我不知道为什么会这样。

这是受影响的代码:

.links-text {
font-family: 'Work Sans', sans-serif, !important;
display: block;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 15px;
text-align: center;
color: black;
font-size: 1.4em;
font-weight: 800;
}
<html>

<head>
<link href="https://fonts.googleapis.com/css?family=Work+Sans:100,400,700,800" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="oth_style.css">
<link rel="stylesheet" type="text/css" href="oth_responsive.css">
<link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, intial-scale=1.0">
<title>Over The Horizion</title>
</head>

<body>
<nav class="col-12">
<div class="navbar">
<ul>
<li class="navli"><a class="links-text" href="oth_quote.html.">Get A Quote</a>
</li>
<li class="navli"><a class="links-text" href="oth_portfolio.html">Portfolio</a>
</li>
<li class="navli"><a class="links-text" href="oth_services.html">Services</a>
</li>
</ul>
</div>
</nav>
</body>

</html>

我不知道为什么它不起作用。我已经在 HTML 中立即加载了它。

最佳答案

在您的 css 中删除 sans-serif 之后的逗号。

您可以同时删除这个和 !important。尽量避免在您的 CSS 中使用 !important,因为它可能会在未来引起一系列令人头疼的特异性问题。

关于html - Google 字体无法在我的网站上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38710755/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com