简单的4个步骤让你在项目中引用ttf字体、css字体

字体好看会给项目增加一点不一样的色彩，至于是什么样的色彩嘛，emmm这个我觉得就像是别人染了个绿色的头，比较吸睛吧hhhhhhhh

好了 正片开始

这是我用到的网站：

生成 css、ttf:

https://www.fontke.com/tool/fontface/

字体下载

http://www.downcc.com/font/
http://fonts.mobanwang.com/
https://www.fontke.com/font/
http://www.zhaozi.cn/

1、字体网站下载字体，然后把下载好的 .ttf 文件在上传网站、然后生成 css 跟 ttf 文件

2、把生成的压缩文件打开，然后把这两个文件放到自己的项目里面

2.1. 复制两个文件

2.2 放入项目，建议新建一个放字体的文件夹，方便管理

3、在style里添加导入的字体， src : url（“ 这里是你 ttf 文件的路径 ”）

图片：

代码：

<style>
    @font-face {
        /* 我自己命名为 mFont */
        font-family: "mFont";  
        src: url("./font/本墨绪圆-常规.ttf") format("truetype");
    }
</style>

4、最后在需要用到的地方添加样式即可

图片：

代码：

<p class="WhiteShad" style="font-family: mFont"> &nbsp;</p>

5、最后就大功告成啦，so easy啦是不是

效果图：

就酱紫 全剧终