Web前端开发资源网有的网站字体，用户电脑上没有，如果只是单纯的定义 font-family 是不起效的。
我们可以将字体文件放置在网站目录，直接引入，这样即使用户电脑上没有该字体也能自动加载。设置方法如下：
css 代码：自定义字体
@font-face {
font-family: 'MyFont'; /*字体名称*/
src: url('font.ttf'); /*字体源文件*/
}然后在定义就可以了：
.text{
font-family: MyFont; /*刚刚定义的字体名称*/
}这样就可以正常显示了。
未经允许不得转载：Web前端开发资源网 » html CSS引用字体文件
推荐阅读：
CSS伪类::before、::after中使用svg图标