css - My glyphicons are broken in Chrome - why? -



css - My glyphicons are broken in Chrome - why? -

i building site client, based on template. template uses bootstrap framework utilizes glyphicons images. if go bootstrap homepage in chrome, glyphicons seem work fine.

here page not working me: http://www.laidoffsoftware.com/contact.aspx

if @ icons under address section, should see phone icon next phone number, , envelope icon next email address. in ff, ie or opera, looks fine. in chrome however, icons broken, weird symbols.

i @ loss why happening?

any ideas appreciated.

update: chrome console showing now:

viewport argument value "100%" key "width" truncated numeric prefix.

contact.aspx:8 resource interpreted font transferred mime type font/x-woff: "http://www.laidoffsoftware.com/font/fontawesome-webfont.woff".

contact.aspx:290 resource interpreted font transferred mime type image/svg+xml: "http://www.laidoffsoftware.com/font/icomoon.svg".

@font-face { font-family: 'icomoon'; src: url('../font/icomoon.eot'); src: url('../font/icomoon.eot?#iefix') format('embedded-opentype'), url('../font/icomoon.svg#icomoon') format('svg'), url('../font/icomoon.woff') format('woff'), url('../font/icomoon.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* utilize next css code if want utilize info attributes inserting icons */ [data-icon]:before {font-family: 'icomoon'; content: attr(data-icon); speak: none; } /* utilize next css code if want have class per icon */ [class^="icon-"]:before, [class*=" icon-"]:before {font-family: 'fontawesome', 'icomoon'; font-style: normal; speak: none; } .icon-home:before {content: "\0021";} .icon-home-2:before {content: "\0022";} .icon-home-3:before {content: "\0023";} .icon-newspaper:before {content: "\0024";}

it looks bug in webkit, has been reported here: https://bugs.webkit.org/show_bug.cgi?id=76152

also, creator of glyphicons says aware of issue , seek utilize different unicode values in next release around bug: https://twitter.com/glyphicons/status/423426740128854016

css google-chrome twitter-bootstrap glyphicons

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -