使用@font-face自定字体

在文件要保存有ttf和eot字体

css的设置：

@font-face{

              font-family: xujinglei;

              src: url('xujinglei.ttf')

                    ,url('xujinglei.eot');  /* IE9+ */

}

div{

         font-family: xujinglei;

}

html:

<div>

花花，加油，前端之路好好坚持。

<br />

这段文字使用的是徐静蕾字体。

</div>

<br />

花花，加油，前端之路好好坚持。 <br /> 这段文字使用的是默认字体。

效果：

效果图片