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