Html 无法呈现Google字体_Html_Css_Google Font Api

Html 无法呈现Google字体

html css

Html 无法呈现Google字体,html,css,google-font-api,Html,Css,Google Font Api,所以我才刚刚开始学习HTML和CSS，我无法在一个有Google字体链接字体系列的中呈现文本。这是小提琴：以下是html： <!DOCTYPE html> <link href="fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"> <title>Genuine CV</title> <link href="css

所以我才刚刚开始学习HTML和CSS，我无法在一个有Google字体链接字体系列的

中呈现文本。这是小提琴：

以下是html：

<!DOCTYPE html>
    <link href="fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">
    <title>Genuine CV</title>
    <link href="css/hover.css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="css/cvstyle.css">
<body>
<div class="header">
    <div class="navbar" >
        <button class="contact hvr-fade">Contact Me</button>
    </div>
    <div class="name">
        <p> Header Text</p>
    </div>
</div>
</body>

我哪里做错了？谢谢。

换衣服

<link href="fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">

到

更改

<link href="fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">

到

在可能相关或不相关的旁注上：（这也将解决您的问题）

如果将Google CSS工作表的内容复制到主CSS工作表中，则可以将

http请求的数量减少1
如果您决定这样做，您可以继续从
部分删除对谷歌字体样式表的引用
下面是一个有效的示例

@font-face{
字体系列：“龙虾二号”；
字体风格：普通；
字体大小：400；
src:local（'Lobster Two'）、local（'Lobster Two'）、url(http://fonts.gstatic.com/s/lobstertwo/v9/Law3VVulBOoxyKPkrNsAaI4P5ICox8Kq3LLUNMylGO4.woff2)格式（'woff2'）；
unicode范围：U+0000-00FF、U+0131、U+0152-0153、U+02C6、U+02DA、U+02DC、U+2000-206F、U+2074、U+20AC、U+2212、U+2215、U+E0FF、U+EFFD、U+F000；
}
身体{
背景色：#433E49；
}
按钮：焦点{
大纲：0；
}
.标题{
保证金：自动；
高度：700px；
宽度：50%；
/*实体对应于颜色可见性*/
/*边框：2px实心#CBD0D8*/
填充：0px；
背景色：白烟；
}
navbar先生{
保证金：自动；
高度：24px；
宽度：100%；
/*实体对应于颜色可见性*/
/*边框：2px实心#CBD0D8*/
背景色：#433E49；
}
.联系方式{
/*从chrome中删除蓝色边框*/
背景#7f727d；
边框：1px实心#928490；
颜色：#fff；
显示：内联块；
填充：5px20px；
字体：普通400 12px/1“开放式Sans”，无衬线；
文本对齐：居中；
文本阴影：1px 1px 0#000；
浮动：对；
}
.姓名{
背景：#fff；
颜色：#000；
填充：25px 40px；
线高：1；
字体大小：400；
字体变体：正常；
字体风格：普通；
字体大小：45px；
字体家族：“龙虾二”，草书；
文本对齐：居中；
文本阴影：1px 1px 0#fff；
}
正版简历
联系我
标题文本
在可能相关或不相关的旁注上：（这也将解决您的问题）
如果将Google CSS工作表的内容复制到主CSS工作表中，则可以将http请求的数量减少1
如果您决定这样做，您可以继续从
部分删除对谷歌字体样式表的引用
下面是一个有效的示例

@font-face{
字体系列：“龙虾二号”；
字体风格：普通；
字体大小：400；
src:local（'Lobster Two'）、local（'Lobster Two'）、url(http://fonts.gstatic.com/s/lobstertwo/v9/Law3VVulBOoxyKPkrNsAaI4P5ICox8Kq3LLUNMylGO4.woff2)格式（'woff2'）；
unicode范围：U+0000-00FF、U+0131、U+0152-0153、U+02C6、U+02DA、U+02DC、U+2000-206F、U+2074、U+20AC、U+2212、U+2215、U+E0FF、U+EFFD、U+F000；
}
身体{
背景色：#433E49；
}
按钮：焦点{
大纲：0；
}
.标题{
保证金：自动；
高度：700px；
宽度：50%；
/*实体对应于颜色可见性*/
/*边框：2px实心#CBD0D8*/
填充：0px；
背景色：白烟；
}
navbar先生{
保证金：自动；
高度：24px；
宽度：100%；
/*实体对应于颜色可见性*/
/*边框：2px实心#CBD0D8*/
背景色：#433E49；
}
.联系方式{
/*从chrome中删除蓝色边框*/
背景#7f727d；
边框：1px实心#928490；
颜色：#fff；
显示：内联块；
填充：5px20px；
字体：普通400 12px/1“开放式Sans”，无衬线；
文本对齐：居中；
文本阴影：1px 1px 0#000；
浮动：对；
}
.姓名{
背景：#fff；
颜色：#000；
填充：25px 40px；
线高：1；
字体大小：400；
字体变体：正常；
字体风格：普通；
字体大小：45px；
字体家族：“龙虾二”，草书；
文本对齐：居中；
文本阴影：1px 1px 0#fff；
}
正版简历
联系我
标题文本
您还可以将链接标签放在头标签内。您也可以将链接标签放在头标签内。
<link href="https://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">