电话
13363039260
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)。
猜你喜欢
联络方式：
13363039260
微信二维码 