Bootstrap 3.0.3字体图标在iOS 7上显示表情符号

Question

13

我使用的是Bootstrap 3.0.3的字形图标。在桌面浏览器和Android设备上都没有问题。我的问题是关于苹果设备（在运行iOS7的iPhone和iPad上进行了测试）。

字形图标看起来像表情符号。我找到了一些问题，但没有解决我的问题。

谢谢您的帮助。

- fredb

你的<head>标签里有这一行吗？<meta charset="utf-8"> - Surjith S M

是的，meta charset utf-8 已经包含在内了... - fredb

可能是Glyphicons字体版本与Bootstrap版本之间的冲突。请确保它们都来自同一个发布版本（3.0.3）。 - Surjith S M

是的，我也检查过了，但还是一样。 - fredb

问题已解决：variable.less文件中的路径（@icon-font-path）是错误的。感谢您的帮助。 - fredb

5个回答

1

我们的应用程序也出现了同样的问题-这完全是离奇的。当用户安装旧的 Emoji 应用程序（“Emoji Free！”）时会发生这种情况，但我在应用商店中找不到它。

唯一的解决方案就是让用户卸载该应用程序。

- jackocnr

1

我遇到了同样的问题，并通过从@font-face中删除woff2字体文件来解决它。似乎iOS不支持woff2。 [更新于2016-03-02] 以上修复结果只是运气好（时间？）。 @rofflox的答案似乎更有前途，对我有效。

- James Chen

我曾遇到过这个问题，解决方法是删除woff和woff2，感谢你的回答。 - Pedro Henrique Silva

0

我刚刚尝试了上面的解决方案，但都没有对我起作用。原来是：

获取最新版本的字体文件解决了我不想要的表情符号问题。

- Aaron

0

我今天在使用Pulsar for Salesforce时遇到了这个错误，结果发现我的前端开发者已经包含了对字体的引用，但忘记更新静态资源以适应新字体！希望这可以帮助到有需要的人。

- Rafael Hernandez

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Roman · Accepted Answer

我曾经遇到过类似的问题，但只有在样式表中通过font-face引入另一种字体时才会出现。似乎移动版Safari或一般版Safari对通过font-face语法引入的字体加载时间非常短。

我不得不从主样式表中删除该字体，并使用<style></style>语法直接在网站头部添加font-face语法。很奇怪。

另一种方法在filamentgroup上有详细介绍，他们使用Data-URI语法加载字体，并通过JavaScript异步加载。这也应该能够欺骗浏览器等待更长时间。 -> http://www.filamentgroup.com/lab/font-loading.html