添加字体样式与CSS

我已经加入到我的我的网页添加字体样式与CSS

<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' /> 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' /> 
    <link href='https://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' />

这些字体的风格我怎样才能将它们添加到我的页面的CSS，使我没有在我的CSS这些外部链接

我想这

@font-face { 
    font-family: 'Roboto'; 
    src: url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic'); 
}

但在我的控制台（我用Mlozilla）我有

下载的字体：通过消毒

拒绝在Chrome中的错误说：

无法解码下载的字体：https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic

然后我下载与的Roboto字体相关的文件，并试图

@font-face { 
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../../content/fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2'); 
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; 
}

但没有任何反应。

来源

2017-02-05 Dimentica

http://stackoverflow.com/questions/35203696/source- sans-pro-font-in-html/35204067＃35204067 –

你可以去谷歌的每个字体链接，并与喜欢的任何名称保存到css文件：

进入这个链接然后复制并保存到一个名为的Roboto文本文件，并改变以.TXT .CSS （roboto.css）

https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic

此css文件然后添加到您的HTML这样的：

<link href='roboto.css' rel='stylesheet' type='text/css'>

并为每谷歌字体链接做人之道。

对于本地访问此链接链接woff2文件例如，字体将得到下载，将其保存在一个名为文件夹名的字体opensans-light.woff2

https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2

然后使用它像

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans-light.woff2) format('woff2'); 
}

来源

2017-02-05 13:11:30

IIRC，Google根据浏览器使用用户代理嗅探服务不同的CSS文件。 –

@J F，你是什么意思，我没有，没有得到这一个....这如何影响我包括字体的方式？ – Dimentica

很简单

打开在href方法链接您的<link>标签内

如 https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic
副本你喜欢
在.css文件粘贴它的CSS样式

来源

2017-02-05 13:19:27

您可以导入来自css的脚本，您可以在html元素中设置字体系列。

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic'); 
 

 
html { 
 
    font-family: 'Roboto'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; 
 
}

Test

按 “运行的代码片断” 上面看到它的工作。

来源

2017-02-05 13:22:02

你的CSS文件，您可以使用@import规则CSS

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic');

导入这样的头，一切都将工作

来源

2017-02-06 11:48:57

添加字体样式与CSS

回答

相关问题