|
|||
Frage zu Webfonts
Hallo,
ich hab auf einer Seite einen Google Font im Einsatz, der im Safari und im IE ziemlich blöd ausschaut, in allen anderen Browsern aber OK ist. Jetzt hab ich ein wenig gegoogelt und bin auf folgende Seite gestossen: Font Squirrel | Free Font Open Sans by Ascender Fonts und habe mir das font-face Kit runtergeladen. In der demo.html steht folgendes: Code:
p.style2 {font: 18px/27px 'OpenSansLightItalic', Arial, sans-serif;} Für wen gelten denn die beiden Angaben? Getestet habe ich es mit Code:
font: 13px 'OpenSansLight', Arial, sans-serif; Aber ich frage mich doch, wieso man 2 Größenangaben machen kann und für welchen Browser oder Anwendungsfall das wohl gedacht ist? |
Sponsored Links |
|
|||
Klaus, das lese ich öfter von dir, aber es stimmt so nicht.
line-height wirkt dann als Faktor, wenn sie ohne Einheit angegeben ist. Relevant ist das bei Angaben, die vererbt werden, denn mit Einheit wird der errechnete Wert vererbt, ohne Einheit eben die Zahl als Faktor. Zur Erläuterung folgendes Beispiel: Code:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8" /> <title> </title> <style> .one { font:75%/1.5em sans-serif; } .two { font:75%/1.5 sans-serif; } p { font-size:300%; } </style> </head> <body> <div class="one"> <p> Zeile1<br /> Zeile2 </p> </div> <div class="two"> <p> Zeile1<br /> Zeile2 </p> </div> </body> </html>
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Zitat:
okay, danke für die Richtigstellung! Ist eigentlich klar wenn man drüber nachdenkt. Werde ich in Zukunft korrekter formulieren.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Der Unterschied ist halt, eine line-height in em wird für Nachfahren nicht mehr revidiert, ohne Einheit dagegen schon.
Denn wie fricca bereits schrieb: Mit em wird ein Wert errechnet und (unverändert) weitervererbt, und ohne Einheit wird für das betreffende Element zwar auf die gleiche Weise ein Wert errechnet, aber vererbt wird nicht dieses Ergebnis, sondern der Faktor, so dass die line-height jedesmal revidiert (d.h. neu errechnet wird), wenn ein Nachfahre seine eigene font-size-Deklaration hat. (Das alles gilt in dieser Form natürlich nur, sofern die Nachfahren nicht ihre eigene line-height-Deklaration haben.)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Auf jeden Fall! line-height immer nur als Faktor, d.h. ohne Einheit. Einmal für z.B. body angegeben wird dieser Faktor vererbt, und alle weiteren Elemente, egal mit welcher Schriftgröße, bekommen automatisch eine ihrer Schriftgröße angemessene Zeilenhöhe.
In Einzelfällen kann man diese dann natürlich noch ändern - z.B. verwende ich in Navigationen i.d.R. eine etwas geringere line-height, damit sich bei Textzoom ihre Höhe nicht so stark vergrößert. (trotzdem sollte die line-height natürlich immer noch für den möglichen Fall eines Zeilenumbruchs ausreichend sein.)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Zitat:
In den meisten Fällen dürfte -- gerade bei allgemeinen Angaben im body -- die einheitslose Angabe die sinnvollere sein.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Webfonts - Anzeigeproblem lokal im FF und IE | MrMurphy | CSS | 1 | 06.05.2012 13:31 |
jQuery - Frage zu Selektoren | blade_runner | Javascript & Ajax | 3 | 05.09.2011 14:46 |
XHTML 1.0 , 1.1, 1.2, 2.0 frage??? | Altair_AC | (X)HTML | 8 | 15.08.2009 14:49 |
Doctype Verständniss Frage | Midnight Run | (X)HTML | 4 | 26.12.2008 04:16 |
Frage zu einem Gedanken (DIV positionieren) | charlie | CSS | 1 | 06.09.2008 12:36 |