eigene Schriftarten verwenden

[Gunnar Bittersmann]

@@gabko:

nuqneH

<style type="text/css">
@font-face { font-family:schrift1; src:url(fonts/schrift1.ttf); }
</style>
<!--[if IE]>
<style type="text/css">
@font-face { font-family:schrift1; src:url(fonts/schrift1.eot); }
</style>
<![endif]-->

Die Browserweiche mit conditional comment kannst du dir sparen. Die übliche Einbindung von Webfonts sieht weitere Formate vor und sieht so aus:

@font-face  
{  
	font-family: 'schrift1';  
	src: url('fonts/schrift1.eot');  
	src: local('☺'),  
		url('fonts/schrift1.eot?') format('embedded-opentype'),  
		url('fonts/schrift1.woff') format('woff'),  
		url('fonts/schrift1.ttf') format('truetype'),  
		url('fonts/schrift1.svg#schrift1') format('svg');  
}

Qapla'