CSS font-size-adjust jest teraz w stanie Baseline

Rachel Andrew

Obsługa przeglądarek

  • 127
  • 127
  • 3
  • 16.4

Źródło

Od dziś w Chrome pojawia się usługa CSS font-size-adjust, i staje się częścią usługi Baseline „Newly available”. Ta właściwość może zapobiec przesuwanie układu przy wczytywaniu czcionek zastępczych. czytelność czcionek zastępczych przy mniejszych rozmiarach czcionek. font-size-adjust usługa jest częścią Interop 2024 Jest to więc kolejna korzyść związana z poprawą interoperacyjności platformie internetowej.

Problem

gdy porównujesz 2 czcionki o tym samym rozmiarze, w zależności od ich kształtu i rozmiaru glifów, wyświetlany tekst może zajmować bardzo różne miejsca. Na przykład poniższa wersja demonstracyjna pokazuje tekst w językach Verdana i Adobe. i 16 pikseli.

Tekst jest wyświetlany przy 16 piks. w Verdana i {8/}.

Różnica w rozmiarze wynika z faktu, że wartość obrazu, wysokość małych liter w porównaniu z wielkimi literami w czcionce, różni się w zależności od czcionki.

W przypadku użycia czcionki o innej wartości aspektu może to powodować 2 problemy. jako kreacji zastępczej. Przede wszystkim zmieni się ilość miejsca zajmowanego przez czcionkę. Po drugie, czcionka zastępcza może być mniej czytelna zwłaszcza przy małych rozmiarach czcionek. To dlatego, że względna wysokość małych i wielkich liter jest kluczowym czynnikiem czytelność.

Na czym polega przydatność font-size-adjust

Właściwość font-size-adjust pozwala lepiej dostosować czcionkę zastępczą pasują do pierwszej czcionki. W poniższym przykładzie przedstawiono 2 czcionki tym razem druga czcionka została dostosowana do pierwszej.

Korzystam z: font-size-adjust.

W tym przykładzie zastosowano jedną wartość – liczbę, która dopasowuje czcionki za pomocą funkcji domyślna wartość czcionki: ex-height. Jest to współczynnik wysokości x, wysokość litery „x” w odniesieniu do rozmiaru czcionki. Możesz też określić czcionkę danych. W następnym przykładzie znormalizowaliśmy czcionki za pomocą ch-width słowo kluczowe, oprócz liczby.

Używanie font-size-adjust z danymi czcionki o szerokości ch.

Aby zobaczyć wszystkie możliwe wartości, wyświetl Dokumentacja w MDN na temat font-size-adjust.

Warto przyjrzeć się witrynie, używając czcionki zastępczej i sprawdzić, czy dopracowanie za pomocą font-size-adjust może pomóc czytelnikom używającym czcionki zastępczej jest wygodniejsza, zwłaszcza teraz, gdy jest dostępna wszędzie.