700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html如何导入字体样式表 导入html字体及其样式变体?

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

时间:2021-06-13 14:28:30

相关推荐

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

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

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

所以我检查两种类型,并按下下载按钮:

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

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

(我使用字体转换器(/)的其他扩展类型(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; }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。