失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html中如何设置ttf CSS怎么引用外部ttf字体?

html中如何设置ttf CSS怎么引用外部ttf字体?

时间:2024-05-22 09:12:25

相关推荐

html中如何设置ttf CSS怎么引用外部ttf字体?

CSS如何引用外部字体?

在CSS中可以使用font-face属性来引用外部字体,font-face属性可实现任何外部特殊字体的调用,例如:.ttf字体。

在新的 font-face 规则中,必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。

如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont).

font-face属性引用ttf字体示例:

示例1:

@font-face

{

font-family: myFirstFont;

src: url('aa.ttf'),

url('aa.eot'); /* IE9+,可以是具体的实际链接 */

}

div

{

font-family:myFirstFont;

}

示例1:@font-face

{

font-family: myFirstFont;

src: url('aa.ttf'),

url('aa.eot'); /* IE9+ */

font-weight:bold;

}

font-face属性对浏览器的支持:

Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。

Internet Explorer 9+ 支持新的 font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。

如果觉得《html中如何设置ttf CSS怎么引用外部ttf字体?》对你有帮助,请点赞、收藏,并留下你的观点哦!

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