如何网页中引用字体文件

前端 作者:程序师 2022-04-30 03:02:07

有的网站字体,用户电脑上没有,如果只是单纯的定义 font-family 是不起效的。

我们可以将字体文件放置在网站目录,直接引入,这样即使用户电脑上没有该字体也能自动加载。设置方法如下:css 代码:自定义字体

@font-face {

 font-family: 'MyFont';/*字体名称*/

 src: url('font.ttf'); /*字体源文件*/

}

然后在定义就可以了:

.text{

   font-family: MyFont; /*刚刚定义的字体名称*/

}

这样就可以正常显示了。

关注公众号:拾黑(shiheibook)了解更多

友情链接:

下软件就上简单下载站:https://www.jdsec.com/
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

公众号 关注网络尖刀微信公众号
随时掌握互联网精彩
赞助链接