Antwort an „Gunnar Bittersmann“ verfassen

Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

Gunnar Bittersmann E-Mail-Adresse des Autors Homepage des Autors 22.12.2023 12:06 (Versionen)

@@Auge

Was mich schon immer gewundert hatte, ist die verlorengehende Fett-Formatierung in den Überschriften der verschiedenen Seiten. Jetzt weiß ich, warum!

Sie geht strengenommen nicht verloren, aber sie wird durch die sowieso schon fette Formatierung der Überschrift überdeckt.

Ob das wirklich so ist, hängt von der verwendeten Schiftart ab. Und wenn man nichts dagegen tut, auch vom Browser (seufz).

Ich habe die Fira Sans in Schriftschnitten von Ultraleicht (200) bis Ultra (900) installiert. Wenn dann die Überschrift in 700 gerendert wird, ist noch Luft nach oben für etwas Fettes:

So sieht das Beispiel ohne weiteres Zutun in einem vernünftigen Browser (Firefox) aus. Nicht jedoch in Chromia, da ist „fetten“ nicht noch fetter.

Das liegt daran, dass in Firefox b { font-weight: bolder } Default ist, in Chromium aber b { font-weight: bold }. Buh!

Es kann also durchaus sinnvoll sein, den weniger sinnigen Default für b, strong (u.a.?) in seinem Stylesheet zu überschreiben.

🖖 Живіть довго і процвітайте

--
Ad astra per aspera

Betreff

Autor

E-Mail-Adresse freiwillig, öffentlich sichtbar

Homepage freiwillig, öffentlich sichtbar

problematische Seite freiwillig, öffentlich sichtbar

Beitragstext

> @@Auge
> 
> > > Was mich schon immer gewundert hatte, ist die verlorengehende Fett-Formatierung in den Überschriften der verschiedenen Seiten. Jetzt weiß ich, warum!
> > 
> > Sie geht strengenommen nicht verloren, aber sie wird durch die sowieso schon fette Formatierung der Überschrift überdeckt.
> 
> Ob das wirklich so ist, hängt von der verwendeten Schiftart ab. Und wenn man nichts dagegen tut, auch vom Browser (seufz).
> 
> Ich habe die [Fira Sans](https://en.wikipedia.org/wiki/Fira_\(typeface\)) in Schriftschnitten von Ultraleicht (200) bis Ultra (900) installiert. Wenn dann die Überschrift in 700 gerendert wird, ist noch Luft nach oben für etwas Fettes:
> 
> [![Schriftzug „Jetzt kommen die fetten Jahre“ in Fettschrift, wobei „fetten“ noch fetter ist](/images/63b9994e-a0b5-11ee-94d3-9c6b00263d9f.png?size=medium)](/images/63b9994e-a0b5-11ee-94d3-9c6b00263d9f.png)
> 
> So sieht das [Beispiel](https://codepen.io/gunnarbittersmann/pen/jOJOwxd) ohne weiteres Zutun in einem vernünftigen Browser (Firefox) aus. Nicht jedoch in Chromia, da ist „fetten“ nicht noch fetter.
> 
> Das liegt daran, dass in Firefox `b { font-weight: bolder }`{:.language-css} Default ist, in Chromium aber `b { font-weight: bold }`{:.language-css}. Buh!
> 
> Es kann also durchaus sinnvoll sein, den weniger sinnigen Default für `b, strong`{:.language-css} (u.a.?) in seinem Stylesheet zu überschreiben.
> 
> 🖖 Живіть довго і процвітайте
> 
> {:@uk}

Tag 1
Tag 2
Tag 3

speichere die Identität in einem Cookie

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

Formulieren Sie bitte höflich und wertschätzend.
Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
Ihr Beitrag wird dauerhaft archiviert.

abbrechen