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:

image comparison

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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -