css - モバイルSafariはCenturyGothicを受け入れません

Question

私はこのウェブサイトを作成しました：

http://imageworkz.asia/sixsensestester

「CenturyGothic」のフォントファミリが設定されており、MOBILESafariを除くすべてのブラウザで正常に動作します。フォントは通常のSafariで優れているため、モバイルSafariであることに注意してください。助言がありますか？

Answer 1

スタックにフォールバック フォントを提供できます。他に何もない場合は、デフォルトのサンセリフにフォールバックします。

font-family: 'Century Gothic', sans-serif;

モバイル Safari の場合は、Apple がライセンスを取得している Helvetica と思われます。それでも十分でない場合は、「Century Gothic 代用 iOS」を Web 検索するか、iOS で使用可能なフォントのリストを調べて、Helvetica が機能しない場合に別のフォールバックを選択してください。次に、次のようになります。

font-family: 'Century Gothic', SomeFont, sans-serif;

Answer 2

私のAndroidでもCentury Gothicのページが表示されません。多くの場合、モバイル デバイスのフォント レパートリーはかなり限られているため、大きな驚きではありません。

Windows システムでも、Century Gothic は普遍的ではありませんが、おそらく 90% 未満です 。http://www.codestyle.org/css/font-family/sampler-WindowsResults.shtmlを参照してください。