Aby strona poprawnie skalowała się na urządzeniach mobilnych, rozmiar czcionki należy zdefiniować:
Dobrze. Jednostki względne (procenty) pozwalają tekstowi skalować się do urządzenia.
Źle.
<big> i <small> dają jedynie zgrubną zmianę i są przestarzałe.Źle. Milimetry to jednostka fizyczna, nieprzydatna do responsywnego skalowania na ekranie.
Źle. Piksele dają sztywny rozmiar, który nie dopasuje się do różnych ekranów.
W projektowaniu responsywnym rozmiary, w tym wielkość czcionki, podaje się w jednostkach względnych - na przykład w procentach (albo em/rem). Tekst skaluje się wtedy proporcjonalnie do ustawień i urządzenia, zamiast mieć sztywną wartość. Dzięki temu strona pozostaje czytelna zarówno na telefonie, jak i na dużym monitorze. Dlatego rozmiar czcionki definiuje się w procentach.
Pozostałe sposoby nie zapewniają responsywności. Rozmiar w pikselach jest stały - na małym ekranie tekst nie zmaleje proporcjonalnie i może być za duży lub za mały. Milimetry to jednostka fizyczna, praktycznie nieużywana do skalowania tekstu na ekranie i również sztywna. Znaczniki
<big> i <small> dają tylko zgrubną zmianę względem domyślnego rozmiaru, są przestarzałe i nie pozwalają precyzyjnie skalować. Responsywny rozmiar czcionki uzyskuje się jednostkami względnymi, czyli w procentach.