ich habe wieder ein Problem mit der Schriftgröße...
Ich habe nun eine Schrift aus Google Fonts eingebunden:
CSS:
.stil {
font-family: 'Merriweather Sans', sans-serif;
color: #000;
font-size: 13px;
border: 0;
font-weight: normal;
letter-spacing: 0px;
word-spacing: 1px;
line-height: 1.4;
}
HTML:
<link href='http://fonts.googleapis.com/css?family=Merriweather+Sans' rel='stylesheet' type='text/css'>
Die Schrift wird auch in Firefox, IE und auf meinem Android Handy geladen und verwendet.
Das jetzt entstandene Problem ist aber, dass es trotz der einheitlichen Schrift einen Unterschied in der Größe gibt.
Dies ist mir aufgefallen, als ich einen Text um ein Bild herum gestalten wollte.
Bei Firefox scheint das Bild viel weiter oben zu sitzen als in Android und IE. Vergleicht man es aber mit dem Rand sieht man, dass das Bild am selben Stelle ist in allen 3 Browsern.
Also muss es jetzt ja wieder an der Schrift liegen.
Kann es einen unterschiedlichen Zeilenabstand sein?
An was könnte es sonst liegen?
Hier der Link zur Testseite:
[Link: Registrierung erforderlich]
EDIT:
Ich habe an den Schrifteinstellungen bisschen mehr vorgaben eingefügt.
Mittlerweile sind Firefox und IE gleich, was vor allem durch line-height erreicht wurde. Das Android Handy macht allerdings immer noch was es will.
Kennt da jemand eine Lösung?
Lg eret12