Bootstrap 3.0.3 glyphicons displaying emoticons on iOS 7

…衆ロ難τιáo~ 提交于 2019-12-04 00:06:04

问题


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.

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

Thank you for your help.


回答1:


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.

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.

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




回答2:


We've seen the same problem in our app - it's totally bizarre. It happens when the user has installed an old Emoji app ("Emoji Free!", which I can no longer find in the app store).

The only solution was to get the user to uninstall the app.




回答3:


I encountered same issue and resolved it by removing woff2 font file from @font-face. It seems iOS doesn't support woff2.

[Updated 2016-03-02] Fix above turns out just matter of luck (timing?). @rofflox 's answer which seems to be more promising and it works for me.




回答4:


I just tried the solutions above and none of them worked for me. It turned out that:

  1. I had updated bootstrap to 3.3.6 css
  2. I didn't update the font files that came with it

Getting the latest version of the font files fixed my issue with the unwanted emojis.




回答5:


I started getting this error today using Pulsar for Salesforce, I turned out that my FE DEV had included references to Fonts and forgotten to update the static resources with the new fonts! In case that helps someone.



来源:https://stackoverflow.com/questions/20879432/bootstrap-3-0-3-glyphicons-displaying-emoticons-on-ios-7

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!