Google 字体不支持 CSS?

新手上路,请多包涵

我正在处理一个 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 许可协议

阅读 321
2 个回答

在任何声明之前,尝试将导入放在文件的顶部。

原文由 user2486937 发布,翻译遵循 CC BY-SA 3.0 许可协议

在文件顶部包含 @import 指令。

 @import url(https://fonts.googleapis.com/css?family=Raleway);
#page-first-open {
	border: 1px solid black;
	width: 1000px;
	height: 500px;
	text-align: center;
	margin: auto;
	position: relative;
	top: 50px;

}

#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>

原文由 Arnav Borborah 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏