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、效果:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM