我正在处理一个 html 页面,进行到一半,并决定开始设计一些东西。 . .我所有的造型都很好!直到我试图获得谷歌字体。我遵循了所有说明并将所有内容正确插入到 css 中。但是,当我在 Chrome 上查看页面时,它只显示“后备”通用无衬线字体。这是我的CSS:
#page-first-open {
border: 1px solid black;
width: 1000px;
height: 500px;
text-align: center;
margin: auto;
position: relative;
top: 50px;
}
@import url(https://fonts.googleapis.com/css?family=Raleway);
#page-first-open p {
font-size: ;
font-family: 'Raleway', sans-serif;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
<script>
</script>
<title>User Test</title>
</head>
<body>
<div id="wrapper">
<div id="page-first-open">
<p>Hello, and welcome to this page. . .<br>
If you don't mind me asking, <br>
What is your name (or what you'd like to be called)?</p>
</div>
</div>
</body>
</html>
有人可以告诉我我做错了什么(如果我做错了),或者指出正确的方向让它发挥作用吗?
原文由 Brett Carwile 发布,翻译遵循 CC BY-SA 4.0 许可协议
在任何声明之前,尝试将导入放在文件的顶部。