Zmienne czcionki w rzeczywistości

Udostępnianie praktycznego przewodnika po czcionkach zmiennych z wieloma przykładami.

Jeśli nie korzystasz jeszcze z czcionek zmiennych, przeczytaj artykuł Variable fonts in real life (Czcionki zmienne w życiu codziennym) autorstwa Romana ShaminaTravisa Turnera z Evil Martians. Znajdziesz w nim świetne przykłady zastosowań i powody, dla których warto wprowadzić tę zmianę w kolejnym projekcie.

Czcionki zmienne są teraz doskonale obsługiwane przez przeglądarki. Mogą one poprawić wydajność, ponieważ przeglądarka musi pobrać tylko jeden plik czcionki dla wszystkich odmian. Jak jednak pokazuje ten artykuł, mogą one również pomagać w dopasowywaniu grubości czcionki do logo i innych elementów, rozwiązywać problemy z kontrastem między trybem jasnym i ciemnym oraz zwiększać czytelność małego tekstu.

Browser Support

  • Chrome: 62.
  • Edge: 17.
  • Firefox: 62.
  • Safari: 11.

Source

Baner powitalny autorstwa Floriana Klauera