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

Question

我最近对我正在为网站工作的代码进行了更新，但出于某种原因 Google 网站上的字体已停止工作

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

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

Answer 1

你需要在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">

Answer 2

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

Answer 3

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

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

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

Answer 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">

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

Google fonts not displaying on live site

css

fonts

google-font-api