前端項目使用特殊字體

UI設計圖中有特殊字體，但是又擔心客戶端沒有該字體怎么辦呢？

1、下載字體文件

2、定義字體

@font-face {
  font-family: 'my_font';
  src: url('./font/my_font.ttf');
}

3、使用字體

h1{
    font-family: 'my_font';
}

就已經完成了！

下面給大家推薦一個免費商用的字體庫，可以自己動手試一試！

https://ziyouziti.com/