美文网首页前端让前端飞
使用@font-face自定字体

使用@font-face自定字体

作者: 花花0825 | 来源:发表于2017-08-23 10:20 被阅读7次

    在文件要保存有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 /> 这段文字使用的是默认字体。


    效果:

    效果图片

    相关文章

      网友评论

        本文标题:使用@font-face自定字体

        本文链接:https://www.haomeiwen.com/subject/zscddxtx.html