VUE中字体引用，附字体链接，亲测免费有效

先上效果！！！先上效果！！！先上效果！！！重要的事说三遍

第一步：在网上下载 ttf、otf 等字体包到本地；

第二步： 把下载好的ttf文件粘贴到项目文件夹下；

 第三步：在vue页面style中引入，url中的地址是放ttf文件路径，确保能找到文件即可，写法不限；

 

代码如下：

@font-face {

        font-family: 'pingfangheitijixi';

        src: url('@a/font/pingfangheitijixi.ttf') format('truetype');

    }

    @font-face {

        font-family: 'ziti1';

        src: url('@a/font/ziti1.otf') format('truetype');

    }

第四步：直接在下面class中使用；

        注：font-family名称要和引用时一致；