vue安卓和ios引入不同的字体,中英文引入不同的字体库

https://www.cnblogs.com/goloving/p/9721328.html
1.下载字体到项目，可以在第一字体网下载,新建front.css引入所需的字体

@font-face{
    font-family: 'RobotoRegular14';
    src: url('Roboto-Regular-14.ttf')

2.引用front.css，我是在index.html里面引用，也可以main.js里面引用

3.判断安卓或者ios

  let isAndroid2 = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 //android终端
  let isiOS2 = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端
   if (isAndroid2) {
    type = 'android'
  } else if (isiOS2) {
    type = 'ios'
  }

4.在页面判断并引用不同字体,英文在前，中文在后

 if (type == 'android') {
         document.getElementsByClassName('color')[0].style.fontFamily='RobotoRegular14,中文字体'
         console.log('安卓')
       } else if (type == 'ios') {
         document.getElementsByClassName('color')[0].style.fontFamily = 'SanFranciscoTextRegular,中文字体'
         console.log('ios')
       }