Skip to content Skip to sidebar Skip to footer
Home / Css / Font Awesome / Google Chrome / Html / Twitter Bootstrap

Font Awesome Icons Disappear After Refresh In Chrome

Post a Comment
Bootstrap version 3 Font Awesome version 3.2.1 I am having issues with bootstrap and font awesome on Chrome. When I originally load a page, the font awesome icons are displayed cor

Solution 1:

I guess you are on a Windows machine, right?

This is an old problem with Chrome. See this posting on CSS Tricks. The next to last post should be the answer to your question. Or in short: Use the PUA (Private Use Area) for encoding.

The Unicodes (PUA codes) for each icon are listed in the Font Awesome CSS file - see: Font Awesome uses the Unicode Private Use Area (PUA)... (around line 190).

Solution 2:

I got the same problem in latest verion of chrome (33.0.1750.152) Working solution for me: move styles from body to head section.

Post a Comment for "Font Awesome Icons Disappear After Refresh In Chrome"