zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Frage zu Webfonts

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.06.2012, 11:58
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.03.2006
Beiträge: 58
heohni befindet sich auf einem aufstrebenden Ast
Standard 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;}
Was bedeutet denn die Angabe 18px/27px?
Für wen gelten denn die beiden Angaben?

Getestet habe ich es mit
Code:
font: 13px 'OpenSansLight', Arial, sans-serif;
Das geht natürlich auch...

Aber ich frage mich doch, wieso man 2 Größenangaben machen kann und
für welchen Browser oder Anwendungsfall das wohl gedacht ist?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.06.2012, 12:08
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

Schriftgröße und line-height
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.06.2012, 12:25
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von heohni Beitrag anzeigen
In der demo.html steht folgendes:
Code:
p.style2 {font: 18px/27px 'OpenSansLightItalic', Arial, sans-serif;}
Was bedeutet denn die Angabe 18px/27px?
Für wen gelten denn die beiden Angaben?

ergänzend noch:

Die Angaben zur Schriftgröße/line-height sind eher blödsinnig, weil, wenn die Schriftgröße in Pixel angegeben wird funktioniert der Textzoom im IE unter Standardeinstellungen nicht mehr (auch nicht im IE9!).
Nimm besser Prozent oder em.
Da line-height ein Faktor ist benötigt er keine Maßeinheit.

Sollte die Website kommerziellen Zwecken dienen, vergewissere dich unbedingt, ob die heruntergeladenen Schriftarten auch dafür freigegeben sind. Könnte sonst teuer werden.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 13.06.2012, 13:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
Da line-height ein Faktor ist benötigt er keine Maßeinheit.
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>&nbsp;</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>
edit: Hier noch der Link zu Eric Meyer, der das erläutert.
Mit Zitat antworten
  #5 (permalink)  
Alt 13.06.2012, 13:19
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
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.

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
Mit Zitat antworten
  #6 (permalink)  
Alt 13.06.2012, 14:15
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 13.06.2012, 16:42
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 31.03.2008
Beiträge: 108
isellsoap befindet sich auf einem aufstrebenden Ast
Standard

Aus fricca’s Beispiel schließe ich, dass line-height ohne Maßeinheit mehr Vorteile bietet als mit?
Mit Zitat antworten
  #8 (permalink)  
Alt 13.06.2012, 16:49
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #9 (permalink)  
Alt 13.06.2012, 16:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von isellsoap Beitrag anzeigen
Aus fricca’s Beispiel schließe ich, dass line-height ohne Maßeinheit mehr Vorteile bietet als mit?
Das kommt darauf an, was man erreichen will.
In den meisten Fällen dürfte -- gerade bei allgemeinen Angaben im body -- die einheitslose Angabe die sinnvollere sein.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:09 Uhr.