来自谷歌字体的oswald字体不起作用

时间:2014-12-12 15:24:13

标签: css web fonts

我试图设计一个网页,对于某些标题我喜欢使用oswald字体,因此在&#39下的<head>中插入以下代码行;&#39;:

<link rel="stylesheet" type="text/css" 
href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700" 
media="screen">

但它不起作用。 我在本地测试页面。

2 个答案:

答案 0 :(得分:2)

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700" media="screen"> 


<h1 style="font-family: 'Oswald'">It works</h1>

答案 1 :(得分:1)

您必须使用与Google css上声明的字体完全相同的名称:

html{
font-family:"Oswald";  // Capitalized Name!!!! :)
font-size:14px;
}

如果您访问此链接 - https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700- 你会注意到他们宣布 font-family:'Oswald';