sk333
Threadersteller
Dabei seit: 22.04.2005
Ort: Essen
Alter: 39
Geschlecht:
|
Verfasst Mo 10.01.2011 03:10
Titel Falsche Typo-Darstellung mit @font-face bei Safari |
|
|
Hallo zusammen!
Ich experimentiere grade mit Schriften für's Web rum und habe dazu einige Schriften bei fontspring.com gekauft. Die liefern auch gleich CSS & HTML-Beispiele mit, die ja eigentlich funktionieren sollten – tun sie aber scheinbar nicht Oder ich stelle mich zu doof an
z.B. zum Importieren:
Code: | @font-face {
font-family: 'AvalonBold';
src: url('../fonts/Avalon-Bold-webfont.eot');
src: local('☺'), url('../fonts/Avalon-Bold-webfont.woff') format('woff'), url('../fonts/Avalon-Bold-webfont.ttf') format('truetype'), url('../fonts/Avalon-Bold-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal; }
|
und um den Font dann zuzuweisen:
Code: | h1 {
font-family: AvalonBold, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 60px; } |
Wenn ich das so mache, rendert Safari (auf'm Mac und auf'm iPhone) mir mehrere Fonts übereinander und alles sieht "matschig" aus! Hatte z.B. auch eine Handschrift, da ist mir das erst aufgefallen, da mehrere Fonts leicht versetzt übereinander dargestellt werden...
Finde im Web auch nur Beispiel-Codes die genauso aussehen, wie der von Fontspring... Hat jemand eine Idee wo der Fehler liegt?
Vielen Dank,
Sebastian
|
|