在vue中的css中添加新字体

下载字体：https://www.fontke.com/

字体转换器：https://www.fontke.com/tool/convfont/

目录结构如下：

stheitisc.css:

  @font-face {
  	font-family: 'STHeitiSC';     /* 这个名字可以自己定义 */
  	
	src: url('./stheitisc.eot'); /* IE9 Compat Modes */      /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  	src: url('./stheitisc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('./stheitisc.woff') format('woff'), /* Modern Browsers */
          url('./stheitisc.ttf')  format('truetype'), /* Safari, Android, iOS */
          url('./stheitisc.svg#AdobeHeitiStdR') format('svg'); /* Legacy iOS */
		  font-weight: normal; 
		  font-style: normal; 
  }

main.js中引入stheitisc.css

import '@/assets/myCSS/stheitisc.css'

使用字体：

font-family: "STHeitiSC";