Webfont Neo Sans einbinden - aber etwas stimmt nicht

[Gunnar Bittersmann]

@@Schuer:

nuqneH

In den Headlines nutzt ihr font-weight: bold. Das ist bei Webfonts nicht geschickt (weil das Bold dann vom Browser kommt)

Nein, dem ist nicht so, wenn man für die Fettschrift eine eigene @font-face-Regel angibt:

@font-face  
{  
  font-family: 'my webfont';  
  font-weight: normal;  
  src: url('my-webfont-normal.eot');  
  src: local('☺'),  
       url('my-webfont-normal.eot?') format('embedded-opentype'),  
       url('my-webfont-normal.woff') format('woff'),  
       url('my-webfont-normal.ttf') format('truetype'),  
       url('my-webfont-normal.svg#my-webfont-normal') format('svg');  
}  
  
@font-face  
{  
  font-family: 'my webfont';  
  font-weight: bold;  
  src: url('my-webfont-bold.eot');  
  src: local('☺'),  
       url('my-webfont-bold.eot?') format('embedded-opentype'),  
       url('my-webfont-bold.woff') format('woff'),  
       url('my-webfont-bold.ttf') format('truetype'),  
       url('my-webfont-bold.svg#my-webfont-bold') format('svg');  
}

Lediglich in alten IEs (8 abwärts) kommt das Bold dann tatsächlich vom Browser (my-webfont-normal.eot wird fett gemacht, anstatt my-webfont-bold.eot zu verwenden).

sondern ihr solltet stattdessen eine Bold-Variante des Fonts — unter Angabe von font-weight: normal — verwenden.

Das ist also im Allgemeinen kein guter Ratschlag.

Qapla'