@font-face 載入字型引用字型之後不起作用
阿新 • • 發佈：2019-01-24
出現不起作用的時候應該檢查如下幾個方面
第一：路勁是否正確，可以開啟控制檯，檢視網路請求中是否有對應字型檔案的請求操作
第二：IE9 + 雖然支援font-face但是隻能 引用embedded 系列的字型 必須在src ：url (xxxx) 加上format('embedded-opentype')
第三：如果是在canvas中使用 引入的字型，出現了不生效，或者首次載入不生效的時候。在body標籤canvas畫布之前加一個<h></h>
<body style="width: 100%;height: 100%"> <!--啟用字型--> <h1 style="position: absolute;top: -500px;display: block;"> </h1> <canvas class="loadding" style=""> </canvas>
設定h1的字型家族為 引入的字型就好。這樣做的目的是告訴瀏覽器，這個字型被啟用了。
html, body {
padding: 0;
margin: 0;
font-family:"Zephyrea";
}