/ / Grundlagen CSS-Schriftgröße Anpassungen Best Practice? - CSS, Zurb-Stiftung

Grundlagen CSS Schriftgröße Anpassungen Best Practice? - CSS, Zurb-Stiftung

Die Standardschriftgrößen für h1, h2 usw. sind im Rahmen von Zurb Foundation 4 sehr groß und wir brauchen Seitentitel und Untertitel, die kleiner sind. Aber was ist die beste Vorgehensweise hier?
Überschreiben Sie die CSS für jedes der h1, h2 ... Elemente oder einfach von h4 und ab?

Ich habe gelesen, dass die Anpassung der allgemeinen Schriftgröße des HTML / Body-Elements keine gute Lösung ist http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/

Und ich möchte nicht jedes einzelne Element berühren, um die Größen proportional für alle zu verkleinern.

Aber wenn wir h4 anstelle von h1 Elementen verwenden, beeinflussen wir dann nicht die SEO der Seite?

Antworten:

1 für die Antwort № 1

Schau dir diese Sass-Variablen an und passe sie entsprechend an.

$h1-font-size: emCalc(44px);
$h2-font-size: emCalc(37px);
$h3-font-size: emCalc(27px);
$h4-font-size: emCalc(23px);
$h5-font-size: emCalc(18px);
$h6-font-size: 1em;

Sie haben das sehr gut dokumentiert

http://foundation.zurb.com/docs/components/type.html