我正在尝试将 Google 字体嵌入 iPad 的 WebView 中。
如果我把它放在头上,一切正常:
<link href='http://fonts.googleapis.com/css?family=Monofett' rel='stylesheet' type='text/css'>
html 是本地的,那么我需要在 iPad 中复制 CSS 和字体。
当我这样做时,字体不起作用:
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 中看起来不错。
最佳答案
男孩,我有一个很好的答案给你吗!我遇到了同样的问题,这就像一个魅力。
您必须使用 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
以及有关将其与 Google Fonts 一起使用的一些信息: https://developers.google.com/webfonts/docs/webfont_loader
关于css - 在 iPad 中嵌入字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7332829/