谷歌字体 - windows

-3

在Windows上使用谷歌字体有一些已知的错误？谷歌字体 - windows

<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700,500' rel='stylesheet' type='text/css'> 


/* RALEWAY */ 
/* latin */ 
@font-face { 
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 300; 
    src: url(http://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FAriQsYbbCjybiHxArTLjt7FRU.woff2) format('woff2'); 
    unicode-range: 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;

}

字体Raleway没有任何浏览器上显示，仅适用于Chrome浏览器。

CSS：

.s11-col-title span{font-weight:300;font-family:"Raleway";font-size:42px;letter-spacing: -2px;}

也许Firefox和IE不支持woff2？

来源

2014-09-03 Wordica

您是否尝试通过CSS调用HTML元素？ – ZombieCode 2014-09-03 00:39:29

不知道更多你试图做什么，我会阅读如何实际执行此操作。这里是Mozilla开发者网络的链接。

Mozilla Font Face

最主要的是，你需要把它添加到HTML元素。

HTML元素：

<h2>New Font is Used</h2>

CSS电话：

h2 { font-family: Raleway; }

更新：

你字型调用不正确。

@font-face { 
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 500; 
    src: local('Raleway Medium'), local('Raleway-Medium'), url(http://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff) format('woff');

}

下面是一个例子：Code Pen

更新2：

这里是链接调用应该是什么样子

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

这里是另一个例如：Code Pen Example #2

删除你的手糊贴，只使用谷歌的代码。不要使用你的代码，这是错误的。

来源

2014-09-03 00:44:08 ZombieCode

是的，我把它添加到元素更新的问题 – Wordica 2014-09-03 00:45:45

什么是不正确的？我从谷歌网站 – Wordica 2014-09-03 01:01:23

http://fonts.googleapis.com/css?family=Raleway:400,300,500,700 – Wordica 2014-09-03 01:02:36

我问你为什么你甚至需要首先@ font-face。谷歌字体为你做到了。你只需要在你的文件头的链接，然后在你的类声明中使用的字体名称：

<!DOCTYPE html> 
    <html> 
    <head> 
     <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700,500' rel='stylesheet' type='text/css'> 
    ...

，然后在你的样式表：

.s11-col-title span { 
    font-weight:300; 
    font-family:"Raleway"; 
    font-size:42px; 
    letter-spacing: -2px; 
}

，你应该是好去...

来源

2015-07-27 20:21:06

谷歌字体 - windows

回答

相关问题