css自定义字体

前提条件：必须要先有字体文件，比如 .ttf文件，叫 UI 给或者 百度自己下载；

1、使用@font-face引入字体文件，并且定义该字体的名称为：myFirstFont（自己随便写）

<style> 
　　@font-face{
　　　　font-family: myFirstFont;
　　　　src: url('你自己的字体文件路径.ttf')
　　}
</style>

2、使用:

<body>
    <div>这是默认字体</div>
    <div class="my_font">这是自定义字体</div>
    <div class="my_font">一二三四五六七八九十</div>
    <div class="my_font">哈哈哈哈</div>
</body>

<style> 
    @font-face{
    　　font-family: myFirstFont;
    　　src: url('你自己的字体文件路径.ttf') 
　　} 
　　.box{ font-family:myFirstFont; } 
</style>

3、效果：

 

posted @ 2019-06-19 15:02  青云码上  阅读(2881)  评论(0)  编辑  收藏  举报