@importurl('~assets/css/font.less');.title{font-family:AlibabaPuHuiTiB;}使用第三方字体文件1.首先将第三方字体文件放入项目中。2.创建一个font.less文件，在文件中通过@font-face指定字体名称和第三方字体文件路径。//font.less@font-face{font-family:'AlibabaPuHuiTiB';//重命名字体名称src:url('../fonts/Alibaba-PuHuiTi-Bold.ttf');//导入字体font-weight:normal;字体样式：正常；}3。在需要的地方使用@importurl('~assets/css/font.less');.title{font-family:AlibabaPuHuiTiB;}大功告成，字体变成了我们想要的样子。在使用fontmin压缩字体文件并成功导入字体后，又遇到了一个问题：字体文件有6M之多，页面加载时会浪费太多的网络资源，影响页面加载速度。我应该怎么办？好家伙，如果字体文件很大，那就压缩吧。照做吧，先试试font-spider，还是不能满足需求。因为font-spider是通过从静态文件中提取文本进行压缩的，而VUE项目中的相关页面是动态加载的，所以导致无法提取相关文本。然后换了一个解决方案，最后，决定用fontmin来压缩。步骤如下：1.下载客户端，下载地址在这个链接http://ecomfe.github.io/fontm...2.输入生成简体字体文件要使用的文字这里需要先上传原始字体文件（就是大号的那个），输入要使用的文字，然后点击生成就OK了。最后将之前的字体文件替换掉，就大功告成了。字体文件从6M压缩到几十K，网页加载速度飞跃。但是这个方案只能对某些文本进行操作，也就是我们知道页面中需要用到什么文本，比如网页的一些标题，对于后台返回的文本我们还是无能为力。如果是后台返回的文字，可以动态生成细化后的字体文件。当然，前台是静态页面。
