Ratzefummel: @font-face-Problem auf dem IPad

Beitrag lesen

SELF-Forum

@font-face-Problem auf dem IPad

Ratzefummel
– Informationen zu den Bewertungsregeln

Hallo und guten Morgen,

für eine Bekannte habe ich eine Seite gebastelt und sie, also die Seite, auf den gängigen Browsern getestet:

  • Internet Explorer bis Version 8 hinunter
  • Firefox
  • Safari
  • Opera
  • Chrome

Auf meinem Smartphone (Samsung) sieht die Seite gut aus, auch beim IPad-Test mit http://ipadpeek.com/.

Das einzige Problem ist der IPad der Bekannten (Version 7.0.4). Dort wird der Schrifttyp nicht korrekt angezeigt.

Eingebunden habe ich ihn die Schrift mit @font-face und nach dieser Anleitung:
http://www.tempteria.de/blog/css-font-face-ipad-iphone-safari-firefox-chrome/

Das sieht dann so aus:

  
@font-face {  
    font-family: 'segoe';  
    src: url('../fonts/segoe-webfont.eot');  
    src: url('../fonts/segoe-webfont.eot?#iefix') format('embedded-opentype'),  
         url('../fonts/segoe-webfont.woff') format('woff'),  
         url('../fonts/segoe-webfont.ttf') format('truetype'),  
         url('../fonts/segoe-webfont.svg#segoe_ui_8regular') format('svg');  
    font-weight: normal;  
    font-style: normal;  
}

und

  
body {  
(...)  
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",  
              segoe, Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  
font-weight:300;  
(...)  
}

Ich bin jetzt ziemlich ratlos, warum die Schrift dort, also auf diesem IPad, nicht korrekt angezeigt wird. Vielleicht habt Ihr einen Tipp oder Rat,

vielen Dank!

Beitrag melden
–
Informationen zu den Bewertungsregeln