首页前端开发CSSCSS怎么引用外部ttf字体?

CSS怎么引用外部ttf字体?

时间2024-05-21 08:46:03发布访客分类CSS浏览28
导读: 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
css中的hover怎么用 css中float什么意思

游客 回复需填写必要信息