CSS怎么援用外部ttf字体？

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 (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。

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

以上就是CSS如何援用外部ttf字体？的具体内容，更多请关注百分百源码网其它相关文章！