Überschriften besonders formatieren?

[MarkoH]

Ich lese immer wieder, wie wichtig es ist, eine gute Überschriftenhierarchie zu haben. Betrifft das nur die Hinterlegung im Quelltext als h1-h5 oder auch die Optik der Überschriften? Also sollen die einzelnen Überschriften durch Unterstreichung, andere Farben und so weiter gegeneinander abgegrenzt werden? Also h1 immer blau, h2 immer hellblau ... Oder ist das vergebliche Mühe und es kommt nur auf den Quelltext an. Bisher sind beispielsweise h2 oder h3 nur durch einen kleinen Unterschied in der Schriftgröße (2 Pixel) voneinander unterscheidbar. Sollten da immer 4 Pixel Unterschied sein, um auch optisch eine deutliche Unterscheidung zu haben?

[Arnd]

Beispiel: H1=32px,H2=24px,H3=18px,H4=16px ... auf dem Desktop.
Also die Überschriften deutlich größer als der Fließtext und die H4 nur etwas größer als der normale Text. Mobil die Überschriften deutlich kleiner wählen, sonst gibt es unschöne Umbrüche und/oder die Überschriften nehmen zu viel Platz weg.
Mobil: H1=24px,H2=20px,H3=16px,H4=14px

[nerd]

Nimm doch bootstrap oder ein anderes Framework, da sind die fonts, Abstände, Farben usw. Schon auf Lesbarkeit, Desktop und mobile optimiert.

Klar, das komplette css kann man auch selbst schreiben, nur wirds dann scheisse im Vergleich zu einem.system was schon über 10 Jahre entwickelt und auf allen möglichen Geräten getestet und verbessert wurde.