CSS怎么引用外部ttf字体?
导读: CSS如何引用外部字体? 在CSS中可以使用font-face属性来引用外部字体,font-face属性可实现任何外部特殊字体的调用,例如:.ttf字体。 在新的font-face规则中,必须首先定义字体的名称(比如myFi...
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(TrueTypeFonts)和.otf(OpenTypeFonts)类型的字体。
InternetExplorer9+支持新的font-face规则,但是仅支持.eot类型的字体(EmbeddedOpenType)。本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS怎么引用外部ttf字体?
本文地址: https://pptw.com/jishu/664756.html