CSS怎么引用外部ttf字体？-木庄网络博客

CSS怎么引用外部ttf字体？

2022-03-27 02:43:29 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

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：

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » CSS怎么引用外部ttf字体？

CSS怎么引用外部ttf字体？

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论