Dostosowanie rozmiaru czcionki - CSS-Tricks

Ta właściwość daje programistom możliwość ustawiania font-sizeelementu w zależności od rozmiaru jego małych liter, a nie wielkich liter.

.element ( font-size: 22px; font-size-adjust: .5; )

W tym przypadku małe litery czcionki miałyby wysokość 11 pikseli, ponieważ 22 x 0,5 = 11.

Podczas ładowania czcionek prawdopodobnie występuje inny współczynnik proporcji między małymi literami czcionki zastępczej a nowo załadowanym krojem, więc font-size-adjustjest to przydatne do kontrolowania ilości font-familyponownego wlewu, gdy deklarujemy nowy i widzimy Flash of Unstyled Text (FOUT).

W poniższym demo można włączać i wyłączać tę właściwość, aby pokazać, w jaki sposób czcionka internetowa, taka jak Chaparral, różni się od wysokości x i wyrównania znaków w Times, czcionce zastępczej. Ale uwaga, ta właściwość jest obecnie obsługiwana tylko przez niewielką liczbę przeglądarek.

Może to mieć dramatyczne skutki w przypadku dużych fragmentów tekstu podstawowego i znacznie poprawić migotanie występujące podczas przełączania między czcionką zastępczą a nowo wczytaną:

Więcej informacji

Wsparcie przeglądarki

Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.