Hallo!

Ich erstelle gerade eine kleine Website und musste soeben etwas fesstellen.

Die Seite habe ich mit HTML und CSS selbst aufgebaut und habe in die CSS Datei über Google Fonts per "@import" zwei Schriftarten in die Seite eingebunden.

Der CSS Code zum Text sieht folgendermaßen aus:

  
#logo1 {  
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  
    color: #FFFFFF;  
    font-family: 'Six Caps';  
    font-size: 50px;  
    height: 50px;  
    letter-spacing: 3px;  
    line-height: 55px;  
    text-decoration: none;  
    text-transform: uppercase;  
    width: 100%;  
}  

Derzeit habe ich die Seite nur im Firefox betrachtet, schaue ich die selbe Seite allerdings unter Safari an, dann muss ich feststellen, dass die Schriftart selbst um einiges "Dünner" dargestellt wird als im Firefox. Dies ist auch bei der anderen Schriftart, welche auch aus Google Fonts ist, der Fall.

Wisst Ihr ob das "normal" ist oder ob man dagegen irgendetwas machen kann.
Das Problem ist nämlich, dass ich zwei Texte untereinander Darstelle (Name oben und darunter die Internetadresse) welche ich per "letter-spacing" auf gleiche Breite gebracht habe. Dies würde unter Firefox jetzt genau passen, allerdings in Safari nicht mehr.

lg.
Manuel