Bootstrap 3.0.3 glyphicons在iOS 7上显示表情符号 [英] Bootstrap 3.0.3 glyphicons displaying emoticons on iOS 7

问题描述

我使用Bootstrap 3.0.3 glyphicons。在桌面浏览器和Android设备上都可以。我的问题是关于Apple设备（在运行iOS7的iPhone和iPad上测试过）。

I use Bootstrap 3.0.3 glyphicons. All is ok on desktop browsers and on Android devices. My problem is about Apple devices (tested on iPhone and iPad running iOS7).

字形看起来像表情符号。我发现了一些问题，但没有回答我的问题。

The glyphicons look like emoticons. I've found some issues but not answering my problem.

以下是查看屏幕截图的链接：http://www.fredericblancheton.fr/imgdisallow/image.png

Here is the link to view the screenshot : http://www.fredericblancheton.fr/imgdisallow/image.png

感谢您的帮助。

推荐答案

我遇到了类似的问题，但只有当通过 font-face 在样式表中。似乎移动safari或safari通常具有非常短的超时，用于加载通过 font-face 语法包含的字体。

I had a similar problem, but only when another font was included via font-face inside the stylesheet. It seems that mobile safari or safari in general has a very short timeout for loading fonts which are included via font-face syntax.

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

I had to remove the font from the main stylesheet and add the font-face syntax directly in the sites header using <style></style> syntax. Weird.

另一种方法是在filamentgroup上进行说明，它们使用字体的Data-URI语法并通过javascript异步加载它们。这也应该欺骗浏览器等待更长时间。
- > http://www.filamentgroup.com/lab/font-loading .html

Another approach is illustrated over at filamentgroup, which are using the Data-URI syntax for the font and loading these asynchronously via javascript. This should also trick the browser to wait longer. -> http://www.filamentgroup.com/lab/font-loading.html

这篇关于Bootstrap 3.0.3 glyphicons在iOS 7上显示表情符号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！