CSS - font-weight
Beispiel Schriftstärken
| Schriftstärke | .classname |
|---|---|
| font-weight: 100 (default) | .fw-100 |
| font-weight: 200 | .fw-200 |
| font-weight: 300 | .fw-300 |
| font-weight: 400 | .fw-400 |
| font-weight: 500 | .fw-500 |
| font-weight: 600 | .fw-600 |
| font-weight: 700 | .fw-700 |
| font-weight: 800 | .fw-800 |
| font-weight: 900 | .fw-900 |
CSS - font-family
Ich habe die Google-Fonts gelöscht (kein berechtigte Interesse) und mit system-ui eine sehr gute Alternative gefunden.
Mit font-weight 100 hab ich ein sehr dünnes Schriftbild wie z.b. bei Roboto (100) und mit font-weight 900 ist der Text auch fett genug, so das ich auch die Schriftart Anton nicht mehr brauche.
Ein weiterer Schritt in Richtung die Ladezeit einer Seite zu verbessern.