mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:57 Benutzername: Passwort: Auto-Login

Thema: Falsche Typo-Darstellung mit @font-face bei Safari vom 10.01.2011

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Falsche Typo-Darstellung mit @font-face bei Safari
Autor Nachricht
sk333
Threadersteller

Dabei seit: 22.04.2005
Ort: Essen
Alter: 39
Geschlecht: Männlich
Verfasst Mo 10.01.2011 03:10
Titel

Falsche Typo-Darstellung mit @font-face bei Safari

Antworten mit Zitat Zum Seitenanfang

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 *Schnief* Oder ich stelle mich zu doof an *bäh*

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
  View user's profile Private Nachricht senden
Ähnliche Themen Div-Tag mit CSS formatieren - falsche Darstellung auf Safari
darstellung auf SAFARI ...
Firefox erkennt Font nicht? (@Font-Face)
[Safari] Probleme bei Darstellung
[CSS] Falsche Darstellung unter IE6 + IE5.5
Tabelle mit 100% im IE falsche Darstellung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.