Dieter Raber: Google Webfonts und IE/Opera (font-weight geht nicht)

Beitrag lesen

SELF-Forum

Google Webfonts und IE/Opera (font-weight geht nicht)

Dieter Raber
– Informationen zu den Bewertungsregeln

Hi

Bei mir klappt das problemlos, egal ob Opera, FF, Chrome, Safari oder IE (alle in der jeweils aktuellen Version unter Win 7 32bit).

Gehen wir das einfach mal Schritt fuer Schritt durch

  • Font bei yanone runderladen

  • Font bei fontsquirrel hochladen

  • Hier meine Einstellungen, obwohl die keine grosse Rolle spielen sollten:
      - Expert
      - Formats alles ausser SVGZ
      - Add hinting, web only, remove kerning
      - Custom subsetting (French German English)
      - Bulletproof Smiley
      - base64 Encode, hilft zudem recht gut gegen FOUD

  • Runterladen und Demo ohne irgenwelche Veraenderungen oeffnen

  • Das generierte Stylesheet ganz als ersten einbinden

  • CSS wie im Demo benutzen

.YanoneKaffeesatz-Thin {font-weight: normal; font-style: normal; line-height:normal; font-family: 'YanoneKaffeesatzThin', sans-serif;}  
.YanoneKaffeesatz-Regular {font-weight: normal; font-style: normal; line-height:normal; font-family: 'YanoneKaffeesatzRegular', sans-serif;}  
.YanoneKaffeesatz-Light {font-weight: normal; font-style: normal; line-height:normal; font-family: 'YanoneKaffeesatzLight', sans-serif;}  
.YanoneKaffeesatz-Bold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'YanoneKaffeesatzBold', sans-serif;}

Beachte, dass fuer Fettdruck ein anderer Font verwendet wird, nicht einfach font-weight:bold

Versuch's mal so

Dieter

Beitrag melden
–
Informationen zu den Bewertungsregeln