MuninMunin
Logg innKom i gang gratis
Home/Journal/Tittelskala: en lang tittel som strekker seg godt forbi sekstifire tegn
Engineering · 3 min read

Tittelskala: en lang tittel som strekker seg godt forbi sekstifire tegn

Den lange bøtta — det minste trinnet i skalaen, med romsligere linjeavstand og text-wrap: pretty i stedet for balance. Ingen display_title er satt her, så H1-en faller tilbake til hele denne tittelen.

Forbi 64 tegn tar tittelen det minste trinnet i skalaen og bytter strategi for linjebryting.

To ting endrer seg utover størrelsen. Linjeavstanden åpner seg fra 0,98 til 1,03, fordi fem linjer med nesten kompakt linjeavstand leses som en blokk og ikke som en overskrift. Og text-wrap bytter fra balance til pretty, fordi nettlesere slutter å balansere forbi omtrent seks linjer — så på nettopp de titlene som trengte hjelp mest, gjorde balance stille ingenting.

Dette er tilfellet med tilbakefall: ingen display_title er satt, så tittelfeltet gjengir hele den søkevendte tittelen. Se tittelskala-visningstittel for samme lengde med feltet fylt ut.

Hvorfor dette betyr noe

Før skalaen ble delt i bøtter, var størrelsen clamp(56px, 7.2vw, 124px) mot en spalte låst til 720px — så antall tegn per linje krympet etter hvert som skjermen vokste. En tittel på 71 tegn tok seks linjer ved 1920px og fylte hele første skjerm.