css - IE8 embedded font dissapears on refresh -
i using embedded font via @font-face
, works fine... until on ie8 (haven't tried on newer versions) when crazy refresh or use backward , forward buttons reload page.
what's worse doesn't default font in font stack, appears go straight arial (with serious spacing issues).
a live example can seen here:
http://rcnhca.org.uk/sites/first_steps/
an image comparison viewing pleasure:
the relevant css perusing pleasure:
@font-face { font-family: 'droidserifregular'; src: url('droidserif-regular-webfont.eot'); src: url('droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('droidserif-regular-webfont.woff') format('woff'), url('droidserif-regular-webfont.ttf') format('truetype'), url('droidserif-regular-webfont.svg#droidserifregular') format('svg'); font-weight: normal; font-style: normal; }
an interesting note:
somehow google web fonts appears immune issue. gives me faith although may browser bug, there work-around.
incase wondering why don't use service; can't.
if cannot use google fonts, maybe different solution of problem. see cufon library here. converts regular ttf font javascript file, download , embed in html code, particular dom elements (by choice) replaced canvas
tags.
Comments
Post a Comment