html如何导入字体样式表,导入html字体及其样式变体？

我在我的网站中实施名为Roboto的谷歌字体。导入html字体及其样式变体？

我需要2种类型：bold和regular。

所以我检查两种类型，并按下下载按钮：

但在下载的RAR文件我得到了所有的字体样式(也者，我没有选择)：

无论如何，我想考经常字体：(字体现在在我的网站，并没有从谷歌加载)。

(我使用字体转换器(http://www.font2web.com/)的其他扩展类型(EOT，WOFF，SVG))

所以我做：

@font-face {

font-family: 'Roboto';

src: url('/font-face/Regular/Roboto-Regular.eot'); /* IE9 Compat Modes */

src: url('/font-face/Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('/font-face/Regular/Roboto-Regular.woff') format('woff'), /* Modern Browsers */

url('/font-face/Regular/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */

url('/font-face/Regular/Roboto-Regularo.svg#svgFontName') format('svg'); /* Legacy iOS */

}

body { font-family: 'Roboto', sans-serif; }

问：

假设我想将Roboto bold样式应用于div。

我应该做这样的：

div {

font-family: 'Roboto', sans-serif;

font-weight:bold

}

或应该怎么做这个(从头再来......)

@font-face {

font-family: 'Roboto-bold';

src: url('/font-face/Regular/Roboto-bold.eot'); /* IE9 Compat Modes */

...

}

然后

div { font-family: 'Roboto-bold', sans-serif; }

总结

以上是生活随笔为你收集整理的html如何导入字体样式表,导入html字体及其样式变体？的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。