移动端/微信引入字体不生效_svg字体在小程序页面不生效

1、问题

引入新字体，在PC端显示正确，之前同样的字体在移动端显示正确，但在微信端显示失效。

2、原方法

a.在assets下新建字体文件夹（font文件夹），在新的字体包存入font中，并在font 中新建myFont.css文件；

b.myFont.css文件；

@font-face{
    font-family: 'youshebaiotiahei';
    src: url('./oAZOoe.eot'); 
    src: url('./oAZOoe.eot?#iefix') format('embedded-opentype'),
        url('./oAZOoe.woff') format('woff'), 
        url('./优设标题黑.ttf')  format('truetype'), 
        url('./oAZOoe.svg#PingFangSC-Regular') format('svg'); 
  }

c.在main.js中引入字体文件

import './assets/font/myFont.css'

 至此，大多数字体已经生效，但是微信端未生效

3、微信端为生效问题解决

a.将字体文件（font文件）在static文件夹下；

b.将字体定义（myFont.css中的内容）放在index.html中