2

iPadのWebViewにGoogleフォントを埋め込もうとしています。

これを頭に入れると、すべて正常に機能します。

<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'>

fonts / 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');
}

まだリモート接続を行っていることはわかっていますが、なぜこれが機能しないのですか？

WebはSafariとFirefoxで問題なく表示されます。

4

3 に答える 3

2

少年、私はあなたのために素晴らしい答えを得ました！私も同じ問題を抱えていて、これは魅力のように機能しました。

GoogleAPIローダーを使用する必要があります。これがヘッダータグに入れたコードです。

<!-- 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

于 2012-03-13T12:29:38.867 に答える
1

問題はwoff形式です。Googleはそれを知っており、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-08T13:21:38.107 に答える
0

これは、iPhoneブラウザでGoogleWebフォントをサポートするためのcwTeXHeiバージョンです。

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

URLはcssフォルダーから始まります。
これは、iOS10サファリ
のおかげでBraisGabinで動作します。

于 2017-08-24T17:02:41.293 に答える