@font-face-Problem auf dem IPad
Ratzefummel
- css
0 molily
Hallo und guten Morgen,
für eine Bekannte habe ich eine Seite gebastelt und sie, also die Seite, auf den gängigen Browsern getestet:
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!
Hallo,
Wie lautet die URL der betreffenden Seite? Damit wir uns das mal anschauen können.
Mathias