CSS怎么引用外部ttf字体?

2024-01-17 16:50 小编
CSS如何引用外部字体?
 
  在CSS中可以使用font-face属性来引用外部字体,font-face属性可实现任何外部特殊字体的调用,例如:.ttf字体。
 
  在新的font-face规则中,必须首先定义字体的名称(比如myFirstFont),然后指向该字体文件。
 
  如需为HTML元素使用字体,请通过font-family属性来引用字体的名称(myFirstFont).
 
  font-face属性引用ttf字体示例:
 
  示例1:
 
  <style>
 
  @font-face
 
  {
 
  font-family:myFirstFont;
 
  src:url('aa.ttf'),
 
  url('aa.eot');/*IE9+,可以是具体的实际链接*/
 
  }
 
  div
 
  {
 
  font-family:myFirstFont;
 
  }
 
  </style>
 
  示例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)。


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码