0

私たちのプロジェクトには@font-face、カスタム フォントを使用するための次のようなルールがありました。

@font-face {
  font-family: "Foo Light";
  src: url("foo.eot"); /* IE9 Compat Modes */
  src: url("foo.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("foo.woff") format("woff"), /* Modern Browsers */
  url("foo.ttf") format("truetype"), /* Safari, Android, iOS */
  url("foo.svg#ca4650e2-5aa3-4755-9c6d-256cbb4f5115") format("svg"); /* Legacy iOS (and Galaxy S2/Android 4.0.3 and possibly other Android 4.0.3 devices) */
}

SVG フォントとtext-overflow: ellipsis(ここ[省略記号を検索] を参照) で問題が発生しました。レガシー iOS デバイスのサポートが終了したため、省略記号のバグを修正するために SVG フォント フォールバックを削除しました。

その後、Android 4.0.3 のデフォルト ブラウザ (Galaxy S2 上) はカスタム フォントの使用を停止しました。Android 2.3以降のAndroidデバイスはTTFフォントを使用できますが、SVGにもフォールバックすることが判明しました.

Android 4.0.3 のデフォルト ブラウザが TTF フォントで動作しないというこの問題に遭遇した人はいますか? そして、それに対する回避策はありますか？

4

1 に答える 1

0

SVG は、標準の Android ブラウザーでは (完全には) サポートされていませんが、Chrome ではサポートされています。標準の英語以外の文字を含む RTL 言語は、ストック ブラウザではまったくサポートされていません。

于 2013-06-05T13:25:22.060 に答える