lukecarnation
New Member
I'm having trouble getting this @font-face font replacement to work crossbrowser can you please help. It works either in all but ie 9 or works in all but ie 7 and ie 8.I have the font as a .eot .otf .svg . ttf .woff?Thanks\[code\] /* works in all but ie 9 */ @font-face { font-family: 'Deutsch'; src: url('/fonts/Deutsch.eot'); src: local('/fonts/Deutsch'), url('/fonts/Deutsch.ttf') format('truetype'), url('/fonts/Deutsch.svg#font') format('svg'); } /*from [http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/][1] */ /* works in all but ie 7 and ie 8 */ @font-face { font-family: 'Deutsch'; src: url('/fonts/Deutsch.ttf'), url('/fonts/Deutsch.eot'); /* IE9+ */ } /*from [http://w3schools.com/css3/css3_fonts.asp][2]*/\[/code\]\[code\]<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type="text/css"> /* code place holder location for css */ #test { font-family:'Deutsch'; font-weight:bold; text-decoration:underline; font-style:italic; font-size:30px; } </style></head><body> <div id="test">text goes here</div></body></html>\[/code\]