前提条件:必须要先有字体文件,比如 .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、效果: