zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wo font angeben?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.09.2010, 18:41
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard Wo font angeben?

Hallo

Habe hier im Forum nun einige verschiedene Varianten gesehen.
Speziell Heiko hatte interessante Beispiele gebracht.

Bisher deklariere ich im body:
Code:
body {font: 100%/1.4 Arial, sans-serif;}
Eine andere Variante (von Heiko?):
Code:
html {font: 100%/1.4 Arial, sans-serif;}
body {font-size: 1em;}
Noch eine Variante (im reset):
Code:
* {padding: 0; margin: 0; font: 100%/1.4 Arial, sans-serif;}
body {font-size: 1em;}
Vorteile...Nachteile...?

Danke und Gruß
Manfred
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.09.2010, 19:10
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

Code:
html {font: 100%/1.4 Arial, sans-serif;}
body {font-size: 1em;}
Evtl. habe ich das mal irgendwo als Möglichkeit geschrieben, aber eingesetzt habe ich das so nie.

Code:
* {padding: 0; margin: 0; font: 100%/1.4 Arial, sans-serif;}
body {font-size: 1em;}
Das setze ich ein Der Vorteil ist, dass dadurch alle default-font-Deklarationen für alle Elemente geändert bzw. zurückgesetzt werden, was bei der Vererbungsmethode (z.B. per body-Deklaration) teilweise nicht passiert - so bleiben bei letzterer z.B. em und address kursiv, und textarea behält seine monospace-Schrift.

Wird obige font-Deklaration dagegen explizit auf alle Elemente angewandt, nehmen diese sie auch an, und darüberhinaus werden auch alle nicht genannten font-Deklarationen auf "normal" zurückgesetzt.

Nachteil: font-Deklarationen werden nicht mehr vererbt (ausgenommen font-size), d.h. man muss abweichende Deklarationen ggf. auch auf Nachfahren anwenden. In solchen Fällen schreibe ich z.B.

Code:
h2,
h2 * {
font-weight: bold;
}
denn andernfalls würde z.B.

Code:
<h2><span>Text</span></h2>
in Normalschrift dargestellt, da für span an sich ja erstmal font-weight: normal; gilt.

Übrigens fällt der eigentlich so praktische Wert "inherit" dank des IE < 8 flach.
__________________
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.)

Geändert von heiko_rs (21.09.2010 um 19:13 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.09.2010, 19:13
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

* font-size:100.01 %; also Schriftgröße definieren. Dies umgeht Fehler in älteren Browsern.
Mit Zitat antworten
  #4 (permalink)  
Alt 21.09.2010, 19:18
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hallo Heiko

Danke für deine Ausführung. Also überwiegen die Vorteile bei font Angabe unter *.

Gruß Manfred
Mit Zitat antworten
  #5 (permalink)  
Alt 21.09.2010, 19:21
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Nix zu danken Vergesse .01 % nicht
Mit Zitat antworten
  #6 (permalink)  
Alt 21.09.2010, 19:22
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

100.01% ist heutzutage nicht mehr nötig, da Opera 5 & 6 längst ausgestorben sind (nur diese beiden Browser hatten je ein Problem mit 100%, und dieses Problem war auch nur minimal).
__________________
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 21.09.2010, 19:28
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 heiko_rs Beitrag anzeigen
Code:
* {padding: 0; margin: 0; font: 100%/1.4 Arial, sans-serif;}
body {font-size: 1em;}
Das setze ich ein
Wirklich in dieser Kombination? Mir erschließt sich gerade die em-Angabe für body nicht.

Ich persönlich bevorzuge es, die erste Angabe für body zu machen und ansonsten die Vererbung ihres Amtes walten zu lassen.

Eine allgemeine Anmerkung: Wie auch immer man es macht, die erste Schriftgröße im Dokument (also beim obersten Element, von dem evtl. geerbt wird) sollte nicht in em sein, sonst läuft man in den Vergrößerungsbug des IE.
Zitat:
Zitat von heiko_rs
nur diese beiden Browser hatten je ein Problem mit 100%
War da nicht auch mal was mit einer mindestens ebenso antiken Safari-Version? *grübel* -- zu lange her
Mit Zitat antworten
  #8 (permalink)  
Alt 21.09.2010, 19:35
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

OK, dachte dies gilt auch für ältere IE. Wieder was gelernt
Mit Zitat antworten
  #9 (permalink)  
Alt 21.09.2010, 19:37
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Danke für eure Infos...

Zitat:
Zitat von fricca Beitrag anzeigen
...Wie auch immer man es macht, die erste Schriftgröße im Dokument (also beim obersten Element, von dem evtl. geerbt wird) sollte nicht in em sein, sonst läuft man in den Vergrößerungsbug des IE.
Sollte man in diesem Fall also die 100% nochmal im body eintragen?

Gruß Manfred
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 21.09.2010, 19:41
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

Zitat:
Zitat von fricca Beitrag anzeigen
Wirklich in dieser Kombination?
Nein, bei 1em ergibt das natürlich keinen Sinn (die könnten dann wegfallen). Ich meinte auch eher das Prinzip - im praktischen Einsatz hat body bei mir dann meist .85em oder .9em (bei serifenlosen Schriften).

Zitat:
Zitat von fricca Beitrag anzeigen
Wie auch immer man es macht, die erste Schriftgröße im Dokument (also beim obersten Element, von dem evtl. geerbt wird) sollte nicht in em sein, sonst läuft man in den Vergrößerungsbug des IE.
Genau, und am besten immer 100%, und nicht z.B. diese unsäglichen 62.5% Mythos font-size: 62.5% [toscho.design]

Zitat:
Zitat von fricca Beitrag anzeigen
War da nicht auch mal was mit einer mindestens ebenso antiken Safari-Version? *grübel*
Ja, aber deren Bug kam imho erst ins Spiel, wenn man 100.1% statt glatter 100% schrieb - erst bei 100.01% gaben dann alle Browser Ruhe
__________________
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
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
Dynamische Größen Killhunter CSS 0 14.05.2011 17:56
CSS im IE Earl of Green CSS 6 19.02.2011 15:10
Browser Zoom - Divs vergrößern sich nicht mit mathias81 CSS 19 04.08.2009 09:58
background in firefox 3 etech CSS 13 12.09.2008 12:10
Optimierung für alle Browser villain CSS 6 22.09.2004 18:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:30 Uhr.