引入font-face不管用

@charset "UTF-8";

@font-face {
  font-family: "subfont";
  src: url("subfont.eot");
  src: url("subfont.eot") format("embedded-opentype"), 
	   url("subfont.woff2") format("woff2"),
       url("subfont.woff") format("woff"),
       url("subfont.ttf") format("truetype"),
       url("subfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

这里我们引用的ttf woff 不可能引入真真的字体库,而是去了子集
https://www.fontke.com/tool/subfont/ 在这里把用此字体的子 生成出来
然后在在上传到 https://www.fontke.com/tool/fontface/
生成@font-face,我在昨天测试的时候发现不管用,测试半天,结果发现生成出来的是
src: url("subfont.woff");
我到现在还不敢确定是不是每个浏览器读的不一样,我用生成出来的次序测试了几个浏览器都根本不加载字库,然而我把 .eot 放到最前面就好了,所以我不敢确定是不是有固定格式必须 是 如上面代码。(ps 反正生成出来的代码确实排序woff最前面)

猜你喜欢

转载自www.cnblogs.com/hackermi/p/9298545.html
今日推荐