js引用远程思源字体的方法

JavaScript012

js引用远程思源字体的方法,第1张

在网上下载好字体包

在static下新建文件夹,名字自定义,用来存放字体包

在新建好的文件夹下新建一个css文件,同样名称自定义

在这里插入图片描述

检查自己的 webpack.base.conf.js 文件,是否有如下代码,没有需要自己写上

{

test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,

loader: 'url-loader',

options: {

limit: 10000,

name: utils.assetsPath('fonts/[name].[hash:7].[ext]')

}

}

打开刚才新建的 css 文件

@font-face{

font-family: '思源黑体'

src: url('../siyuan/SourceHanSansCN-Normal-2.otf')

font-weight: normal

font-style: normal

}

接着在main.js文件中引入css文件

import '../static/siyuan/font.css'

在需要设置该字体的位置写font-family:'思源黑体' 就可以了

可以用国内cdn加速,比如360的。

1、首先在程序源代码中找到调用Google前端公共库的地址,比如:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2"></script>

2、将Google前端库的域名 ajax.googleapis.com 修改为:ajax.useso.com 即可(只需改动主机地址),如下所示:

<script type="text/javascript" src="http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2"></script>

// http://www.hi-docs.com/article/detail-MzI=.html