Iphone 不会显示 Lucida Sans答案

【问题标题】：Iphone wont show Lucida SansIphone 不会显示 Lucida Sans
【发布时间】：2012-12-10 16:42:43
【问题描述】：

链接是：

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

左边是 iPhone 显示器，右边是 PC。圈出的字体具有相同的 css 但具有不同的显示。 A(pc)=B(pc) 但 A!=B。有什么想法吗？

【问题讨论】：

【解决方案1】：

正如 Jukka 所说，它不是 iOS 上受支持的字体，所以你有三个选择。

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

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

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

【讨论】：

我使用了 font-face 但只有那个特定的字体不会显示。好吧，我想它现在没用了，因为我问了开发团队，除了我们网络上的人之外，没有人可以看到那个页面。一旦问题仍未解决并在现场网站上实施，我将重新发布。
好的，我假设您使用的是原生 Safari 网络浏览器？如果是这样，它似乎不正确支持@web-fonts。但是，我在 SO 上找到了一个解决方法。这是链接。试一试，让我知道它是否有效...stackoverflow.com/questions/4412511/…
是 iPhone 本身的浏览器。我已经使用了防弹方法，并尝试按照建议分离字体（eot 线），但两种解决方案均无效。请参阅此屏幕截图：i48.tinypic.com/50it6q.png。奇怪的是，相同的 css 表现不同，即给出不同的字体大小。如果你明白我在这里想说的话，请告诉我。
啊，是的。移动设备倾向于“增大”字体大小。查看 -webkit-text-size-adjust CSS 属性。设置为 100% 应该可以解决问题。 -webkit-text-size-adjust: 100%;。 Apple 在其开发者页面上有一些关于 webkit-text-size-adjust 的信息：developer.apple.com/library/safari/#documentation/…。
你一针见血！非常感谢你。客户怒了！ 松了一口气

【解决方案2】：

似乎 iPhone 没有名为 Lucida Sans 的字体，因此使用了另一种字体。参照。给What fonts do iPhone applications support?

【讨论】：

【解决方案3】：

我的计算机也不显示使用Lucisa Sans 的文本，因为我拥有的字体版本名为Lucida Sans Unicode。也不是所有的计算机都有名为Helvetica 的字体。

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

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

【讨论】：

我在开发站点上有以下 css：font-family:Lucida Sans,Lucida Grande,Lucida Sans Unicode, lucida_sansregular。 “lucida_sansregular” 来自@font-face，但它不会仅在该文本上显示 lucida 字体。