Google字体不能与CSS一起使用吗?

Bre*_*ile 1 html css google-font-api

我当时在html页面上工作,进入了一半,并决定开始设计样式。。。我所有的样式都很好!直到我尝试获得Google字体。我按照所有说明进行操作,并将所有内容正确插入到CSS中。但是,当我在Chrome上查看该页面时,它仅显示“后备”通用sans-serif字体。这是我的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;
	
}
Run Code Online (Sandbox Code Playgroud)
<!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>
Run Code Online (Sandbox Code Playgroud)

有人可以告诉我我做错了什么(如果我做错了),或者指出正确的方向来使它工作?

小智 5

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