uniapp,vue,css引用ttf字体

有时候前端可能会用到ttf字体，那么要怎么引入使用呢?

本文用uniapp来示例

首先我们需要一个ttf文件

可以把他放到static文件夹下，当然放到别的文件夹也可以

然后在你需要的页面，或者公共页面（App.vue）使用@font-face规则来引入自定义字体，自定义命名，我命名为titleFont。示例代码如下：

@font-face {
        font-family: "titleFont";
        src: url("/static/优设标题黑.ttf") format("truetype");
    }

然后就可以在css中使用font-family来引用

.text {
				font-family: titleFont;
			}