在我的代码顶部,我有:
在我的CSS中,我有:
font-family:“Merriweather”,;
但它并没有出现。我不知道原因是什么。它看起来很简单,但什么都不起作用。
如有任何帮助,我们将不胜感激。
下面是我的HTML的顶部:
<link rel = "stylesheet"
type = "text/css"
href = "stylesheet.css" />
<link href="https://fonts.googleapis.com/css?family=Merriweather&display=swap" rel="stylesheet">
<head>
<title>Jesse | Personal Chef </title>
<meta charset="UTF-8">
<meta name="description" content="Jesse Personal Chef">
<meta name="keywords" content="Food, Chef, Wilmington, NC, North Carolina Food, In Home Chef, Personal Chef, Chef For Hire, Jesse,">
<meta name="author" content="Cal & Jen T.">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
这是我的CSS,保存为stylesheet.CSS:
<style>
/* HEADERS ~~~~~~~~~~ */
h1 {
font-family: 'Merriweather', ;
text-align: center;
font-size: 2.7em;
color: 000;
font-weight: 500;
letter-spacing: 2%;
line-height: 40px;
padding-bottom: -100px;
margin: 2%;
}
.subtitle {
font-family: 'Merriweather', ;
text-align: center;
font-size: 1.04em;
color: 000;
font-weight: regular;
margin: 1;
line-height: 1px;
padding-bottom: 60px;
}
</style>
谢谢
需要一个小小的修正:
更改此:
font-family: 'Merriweather', ;
对此:
font-family: 'Merriweather', serif;
衬线
部分是无法找到Merriweather时的故障转移字体。
在以下代码段中进行测试:
null
<html>
<head>
<link href=" https://fonts.googleapis.com/css?family=Merriweather&display=swap" rel="stylesheet" />
<style>
div {
font-family: Merriweather, serif;
}
</style>
</head>
<body>
<div>Test</div>
</body>
</html>
@font-face
规则检查链接到具有字体的文件夹,并确保该文件夹中存在字体文件,则还应检查@font-face
规则中的字体名称和font-family
中的字体名称必须相等;