css - iPhone で Lucida Sans が表示されない

Question

リンクは：

http://www.woolovers.com/silk-cotton/womens/sleeveless-silk-cotton-camisole.aspx

左がiPhoneディスプレイ、右がPC。丸で囲まれたフォントは同じ css ですが、表示が異なります。A(pc)=B(pc) でも A!=B. 何か案は？

Answer 1

Jukka が言ったように、iOS ではサポートされていないフォントなので、3 つのオプションがあります。

1. すべての (iOS、Android、MacOS、Windows など) プラットフォームで利用可能な別のフォントを選択します。
2. Web サーバーでフォント ファイルをホストし、CSS @font-faceでそれをポイントします。
3. Google Webfontsなどのオンライン フォント ホスティング サービスを使用する

CSS でカスタム フォントを指定するには、以下のコードを使用して、Lucida Sans フォント ファイルを Web サーバーにコピーします。

@font-face{
font-family: "Lucida Sans"; src:url('LucidaSans.ttf');
}

注: Google Web Fonts では、Lucida Sans を利用できません。

Answer 2

iPhoneにはLucidaSansという名前のフォントがないため、別のフォントを使用しているようです。Cf. iPhoneアプリケーションはどのフォントをサポートしていますか？

Answer 3

私Lucisa Sansが持っているフォントのバージョンの名前はLucida Sans Unicode. すべてのコンピューターにフォントという名前が付けられているわけではありませんHelvetica。

sans-serifCSS で定義されたデフォルト フォントにフォールバックするフォント スタックを使用する必要があります。そうすれば、指定されたフォントのいずれかが常に使用され、まったく異なるものにフォールバックしないことがわかります。

font-family: Lucida Sans, Lucida Sans Unicode, Helvetica, Arial, sans-serif;