在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中嵌入字体

回答

相关问题