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
Post a Comment