当前位置: 首页 > 知识库问答 >
问题:

谷歌字体“Merriweather”不会出现在Chrome浏览器中。?

劳和歌
2023-03-14

在我的代码顶部,我有:

在我的CSS中,我有:

字体系列:“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个答案

酆耀
2023-03-14
  • 检查字体链接:
湛同
2023-03-14

需要一个小小的修复:

更改此项:

font-family: 'Merriweather', ;

为此:

font-family: 'Merriweather', serif;

serif部分是故障转移字体,以防找不到MerriWeather。

在这个片段中测试它:

<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中,我有: font-family:“Merriweather”,; 但它并没有出现。我不知道原因是什么。它看起来很简单,但什么都不起作用。 如有任何帮助,我们将不胜感激。 下面是我的HTML的顶部: 这是我的CSS,保存为stylesheet.CSS: 谢谢

  • 我很难让谷歌字体在Chrome中工作 我正在使用Google的建议链接元素来检索字体(开发工具确认它工作正常)。 Link rel="样式表"href="http://fonts.googleapis.com/css?family=Roboto压缩:400italic" 在CSS文件中,我将所有h2、按钮、选择和输入元素的字体系列设置为“机器人浓缩” 在Google Chrome中,只有字体不显示

  • 谷歌浏览器可以当问其他页面,但是无法登录账号,打开会显示这个,大佬们如何解决?

  • 谷歌浏览器控制台字体怎么恢复?不知道为什么突然变成这极难看的字体,卸载重装谷歌好像也没用,有大佬遇到过吗

  • 我使用@import规则将几个google字体导入样式表。除了Roboto浓缩版外,其他所有的都很好。在我的例子Helvetica中,它返回到默认的无衬线字体。 我已经尝试删除本地Roboto字体,更改字体大小和字体样式,使用字体系列名称,但是开发工具仍然显示渲染的字体是Helvetica。其他谷歌字体呈现得很好。有什么问题?

  • 我用的谷歌浏览器之前indexdb是可以创建数据库成功的但是,创建成功之后我删除数据库继续调式代码,发现报错无法创建数据库了,怎么回事呢有没有懂得大哥,百度也没找到答案 百度