關於使用WeUI在IE中提示“font-face 未能完成 OpenType 嵌入許可權檢查。許可權必須是可安裝的。”的問題
阿新 • • 發佈:2019-08-15
@font-face是css3中定義字型的規則。
首先,在使用weui時,在Chrome、Firefox下沒有問題,但是在IE下提示“font-face 未能完成 OpenType 嵌入許可權檢查。許可權必須是可安裝的”,如下圖:
經過一番查詢資料,解決方法如下:
1. 將@font-face中,字型的base64編碼轉換為字型檔案。
a)訪問http://www.motobit.com/util/base64-decoder-encoder.asp ,將base64編碼轉換為ttf檔案,這裡命名為weui.ttf。
b)訪問 https://everythingfonts.com/font-face ,上傳剛才轉換的weui.ttf檔案,轉換後會下載得到一個壓縮包。
2. 將壓縮包中fonts資料夾解壓到原來css所在的目錄,將壓縮包中css檔案裡@font-face的src一段拷貝到原來的css中,替換原來@font-face中src一段。
src: url('fonts/weui.eot'); src: url('fonts/weui.eot') format('embedded-opentype'), url('fonts/weui.woff2') format('woff2'), url( 'fonts/weui.woff') format('woff'), url('fonts/weui.ttf') format('truetype'), url('fonts/weui.svg#weui') format('svg');
@font-face{ font-weight:normal; font-style:normal; font-family:"weui"; src: url('fonts/weui.eot'); src: url('fonts/weui.eot') format('embedded-opentype'), url('fonts/weui.woff2') format('woff2'), url('fonts/weui.woff') format('woff'), url('fonts/weui.ttf') format('truetype'), url('fonts/weui.svg#weui') format('svg');
}
儲存並瀏覽器重新整理後,IE中不再提示錯誤。