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. 在您的网络服务器上托管字体文件并使用 CSS @font-face 指向它。
3. 使用在线字体托管服务，例如 Google Webfonts

要使用 CSS 指向自定义字体，请使用以下代码并将 Lucida Sans 字体文件复制到您的网络服务器。

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

注意:Google Web Fonts 没有可用的 Lucida Sans。