html CSS引用字体文件

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

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

css 代码：自定义字体

@font-face {    font-family: 'MyFont';   /*字体名称*/    src: url('font.ttf');       /*字体源文件*/  }

然后在定义就可以了：

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

这样就可以正常显示了。