css字體無法載入到手機版網頁

css

mayyola 2019-02-16 23:34:17 ‧ 3006 瀏覽

分享至

各位大大好:

想請問以下兩個網頁，都有標楷體字，用桌機瀏覽器看都可以顯示標楷體，但用手機板的瀏覽器

只有1的連結可以顯示標楷體，2的就不會顯示標楷體而是預設字型，我自己寫的網頁也跟第2個連結一樣，想請問要怎麼做到第1個連結，用手機的瀏覽器也可以顯示標楷體，謝謝!

1.http://jsfiddle.net/27ujnx43/

2.https://jsbin.com/viduyifuga/edit?html,css,output

mayyola iT邦研究生 1 級 ‧ 2019-02-17 00:02:04 檢舉

已解決
加了以下語法
@font-face {
font-family: 'cwTeXKai';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

登入發表討論