Google 字体未显示在实时网站上答案

【问题标题】：Google fonts not displaying on live siteGoogle 字体未显示在实时网站上
【发布时间】：2019-05-21 06:51:08
【问题描述】：

我最近更新了我正在为一个网站编写的代码，但由于某种原因，Google 字体已停止在该网站上运行

http://www.gezzamondo.co.uk/simple.html

我不想复制和粘贴所有代码，因为代码太多了。其他人刚刚遇到这个问题还是某处有错误

【问题讨论】：

【解决方案1】：

为什么要在 style.css 中添加文本 CV，请将其删除。

CV@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Roboto', sans-serif;
    margin:0;
    padding:0;
    font-weight:300;
}

【讨论】：

我是。 body { font-family: 'Roboto', sans-serif;边距：0；填充：0；字体粗细：300； }
删除 CV 修复了它.... 完全不知道它是从哪里来的。谢谢

【解决方案2】：

需要在style.css之前加载字体，切换这个

  <link type="text/css" rel="stylesheet" href="css/style.css">
  <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic">

收件人：

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic">
<link type="text/css" rel="stylesheet" href="css/style.css">

【讨论】：

我已经这样做了。 body { font-family: 'Roboto', sans-serif;边距：0；填充：0；字体粗细：300； }
@Gezzamondo 也从您的 style.css 中删除 CV@charset "UTF-8";

【解决方案3】：

使用 google 字体时，用双引号替换它们的单标记，如果您在本地服务器上工作，请确保在链接时包含 http://。

【讨论】：

【解决方案4】：

我有同样的问题只是删除http：

<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic">

【讨论】：