12

私がGoogleWebfontsを使用すると、Chrome / iOSを除いて、気になるすべてのブラウザで正常に読み込まれます。これは、ChromeforMacとSafariforiOSで正常に機能するため、奇妙に思えます。したがって、iOSの問題やGoogleChromeの問題ではないと思います。Chrome/iOSに固有のようです。

任意のアイデア、またはこれをトラブルシューティングする方法に関するアイデアは素晴らしいでしょう！

ありがとう！

編集

私はGoogleでホストされているGoogleWebFontsを使用しています。

<link href="http://fonts.googleapis.com/css?family=Leckerli+One" rel="stylesheet" type="text/css" />

私のフォント（SASS）では、次のものを使用しています。

h1
  font-family: "Leckerli One", cursive
4

7 に答える 7

9

同じ問題が発生しています。自分のサーバーでフォントファイルをホストし、@ font-faceルールを書き直して、ローカルの開発サーバーと本番環境の両方で問題を解決しました。

原因はわかりません。私の最善の推測は、UIWebViewsで異なる方法で適用される同一生成元の問題です（iOSChromeはAppStoreのルールによりUIWebViewです）。

于 2012-12-18T14:39:58.423 に答える
4

IOSデバイスはTTF形式のみを使用します（または、以下の開発者ガイドラインに従っている場合はOTF）。そのフォントは、WOFF、EOT、およびOTFとして提供されています（おそらくガイドラインに準拠していません）。他のバージョンを提供するサービスがいくつかあります。@ font-faceを使用してフォントを指定してみて、問題が解決するかどうかを確認してください。Fontsquirrelには、手間のかかる作業を行うための@font-faceジェネレーターがあります。

フォローアップの質問に関して。TrueTypeフォントの実装に関するAppleの開発者向けドキュメントがいくつかあります。ここで見つけることができます。基本的に、TTF形式はフォントをsfntリソースとして保存します。これを実行できる他の唯一のフォント形式は、OpenTypeのオフセットテーブルsfntラッパーです。IOSはsfntラッパーを使用してフォントを読み取るため、この方法で保存されていないフォントで問題が発生します。（すべてのぎこちない話をしてすみません）。

于 2012-12-19T17:38:20.303 に答える
4

ユーザーのブラウザを検出し、適切にフォーマットされたCSSを送り返すGoogle FontsAPILoaderを使用できます。

サンプルコードは、このStackOverflowの質問の最初の回答で入手できます。

これにより、SafariとChrome（およびその他のUIWebViewベースのブラウザ）の両方でフォントを正しく表示できるようになります。

注：@Daveが提案したように、フォントをローカルに保存する場合は、このCSSが機能するはずです。

于 2012-12-21T02:12:52.147 に答える
2

CSSでは使用できます

!important

例：

@font-face {
  font-family: 'Monda' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  src: local('Monda Regular'), local('Monda-Regular'), url(http://themes.googleusercontent.com/static/fonts/monda/v1/sk05J8GA1NvUxDnk43EgAQ.woff) format('woff') !important;
}
于 2012-12-09T22:46:36.043 に答える
0

他の誰かがまだこの問題（iOS 9以前のChromeにフォントがロードされていない）を目にする場合は、フォントがjsファイルではなくcssファイルとしてインポートされていることを再確認してください。Fonts.comには、フォントをjsとしてインポートするオプションがあります。これは、Chrome /iOS9以下では取得されません。インポートをcssに変更すると、これが修正されました。

于 2016-12-01T19:51:38.160 に答える
0

私の作品では、phpページに追加します。

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Trocchi');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
</style>
于 2017-05-13T21:27:32.067 に答える
0

最近、UIWebViewでも同様の問題が発生しています。iOSアプリとWebソースの両方に追加の変更を加えましたが、何も役に立ちませんでした。

最後に、GoogleFontのリンクをhttpsに変更するだけで修正されました。

于 2018-05-12T17:04:11.523 に答える