谷歌字体“Merriweather”没有显示在Chrome中？
在我的代码顶部，我有：
在我的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>
谢谢
共有2个答案
- 检查字体链接：
- 如果使用
@font-face规则检查链接到具有字体的文件夹，并确保该文件夹中存在字体文件，则还应检查@font-face规则中的字体名称和font-family中的字体名称必须相等； - 如果使用CDN-检查到CDN的链接；
- 如果使用
需要一个小小的修正：
更改此：
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>-
在我的代码顶部，我有： 在我的CSS中，我有： 字体系列：“Merriweather”； 但它没有出现。我不确定原因是什么。它看起来很简单，但什么都不起作用。 任何帮助都将不胜感激。 以下是我的HTML的顶部： 这是我的CSS，另存为stylesheet.CSS： 非常感谢。
-
我很难让谷歌字体在Chrome中工作 我正在使用Google的建议链接元素来检索字体（开发工具确认它工作正常）。 Link rel="样式表"href="http://fonts.googleapis.com/css?family=Roboto压缩：400italic" 在CSS文件中，我将所有h2、按钮、选择和输入元素的字体系列设置为“机器人浓缩” 在Google Chrome中，只有字体不显示
-
问题内容： 我有一个图标图标，该图标在Chrome中没有显示（我不确定其他浏览器，因为我仅使用Chrome），但是奇怪的是，如果我在显示的URL栏中键入图标的路径！ 为什么图标不出现？ 问题答案： 快取 清除缓存。并测试其他浏览器。 有些地方可以通过添加URL参数来获取更新的网站图标：在链接href之后，它更改了资源链接，因此可以在没有缓存的情况下加载网站图标（感谢@Stanislav）。 网站图
-
我在Chrome浏览器中使用Roboto字体时遇到问题。。具体来说，我似乎无法得到精简和薄/轻等字体权重。我下载所有3种完整字体： 然后我在声明中使用它们，比如： 然而，它给我的是普通的机器人。如果我改变“压缩”一个使用字体家族“机器人压缩”它的作品。。。这是有道理的，因为chrome采用显然为时已晚。但是，将字体系列更改为“roboto condensed”不会使用较轻的
-
有人能帮助/告诉我如何修复谷歌Chrome中模糊的字体吗？请注意，ClearType没有帮助。ClearType被禁用。严肃地说Linux字体在苹果操作系统中也更清晰，更清晰，但为什么在视窗系统中不行呢？ 我尝试过什么： 通过设置注册表项
-
我的网站上的谷歌字体有问题。正如您在屏幕截图中看到的那样，一个标志有另一种样式（波兰标志）。似乎问题仅在Internet Explorer上显示。你知道如何解决这个问题吗？ 像那样展示这个 当然，我使用带有“subset=latin-ext”的字体：