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 上支持的字体，所以你有三个选择。

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 只是没有名为 Lucida Sans 的字体，因此使用了另一种字体。参照。到iPhone 应用程序支持哪些字体？

Answer 3

我的计算机不使用Lucisa Sans任何一种显示文本，因为我拥有的字体版本名为Lucida Sans Unicode. 所有计算机都没有命名的字体Helvetica。

您应该使用字体堆栈将一直回退到sans-serifCSS 中定义的默认字体。这样您就知道将始终使用指定的字体之一，并且不会退回到完全不同的字体：

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