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)。







本文转载自中文网