前端项目使用特殊字体

UI设计图中有特殊字体，但是又担心客户端没有该字体怎么办呢？

1、下载字体文件

2、定义字体

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

3、使用字体

h1{
    font-family: 'my_font';
}

就已经完成了！

下面给大家推荐一个免费商用的字体库，可以自己动手试一试！

https://ziyouziti.com/