在iPad中嵌入字體

我試圖在iPad中的WebView中嵌入Google字體。在iPad中嵌入字體

如果我把這個頭部一切工作正常：

<link href='http://fonts.googleapis.com/css?family=Monofett' rel='stylesheet' type='text/css'>

的HTML是本地的話，我需要複製的CSS和我的iPad的字體。

當我做這個改變字體不起作用：

HTML：

<link href='fonts/fonts.css' rel='stylesheet' type='text/css'>

字體/ fonst.css：

@font-face { 
    font-family: 'Monofett'; 
    font-style: normal; 
    font-weight: normal; 
    src: local('Monofett'), url('http://themes.googleusercontent.com/static/fonts/monofett/v1/94n9d8-lEEaOz-Sn4plHGPesZW2xOQ-xsNqO47m55DA.woff') format('woff'); 
}

我知道我仍然在做遠程連接，但爲什麼不工作呢？

網頁在Safari和Firefox中看起來很好。

來源

2011-09-07 Brais Gabin

問題是woff格式。谷歌知道，當你在PC或iPad上使用Safari時，他會給你返回一個不同的CSS。正確的CSS是：

@font-face { 
font-family: 'Monofett'; 
font-style: normal; 
font-weight: normal; 
src: local('Monofett'), url('./BezoWS-9nng_g31KmAteQ3YhjbSpvc47ee6xR_80Hnw.ttf') format('truetype'); 
}

來源

2011-09-08 13:21:38

男孩，我得到了一個很好的答案！我有同樣的問題，這就像一個魅力。

您必須使用Google API加載器。這是我放入我的標題標籤中的代碼。

<!-- Google API Loader --> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 

<script type="text/javascript"> 
    //load jQuery 
    google.load("jquery", "1.7.1"); 

    //Google Fonts 
    google.load("webfont", "1"); 

    google.setOnLoadCallback(function() { 
     WebFont.load({ 
      google: { 
       families: [ 'Lobster+Two:700italic,700,400italic,400', 'Alegreya:400,400italic,700' ] 
      } 
     }); 
    }); 
    </script>

下面是有關API的加載一些信息： https://developers.google.com/loader/?hl=ja#intro

以及使用它與谷歌的字體的一些信息： https://developers.google.com/webfonts/docs/webfont_loader

來源

2012-03-13 12:29:38

從iOS 4.2開始支持Webfont加載器，所以這對iPad1不起作用。 – Bjorn

@Bjorn。不對。 iPad1不限於iOS 4.2。 –

這裏是一個cwTeXHei版本，支持谷歌Web字體上iPhone瀏覽器

@font-face { 
    font-family: 'cwTeXHei'; 
    font-style: normal; 
    font-weight: normal; 
    src: local('cwTeXHei'), url('./fonts/cwTeXHei-zhonly.ttf') format('truetype'); 
}

url將從css文件夾開始。
這適用於ios 10 safari
感謝Brais Gabin。

來源

2017-08-24 17:02:41 Redshoe

在iPad中嵌入字體

回答

相關問題