Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Kategorie: Kolor i typografia
Atrybut <font-size> odpowiada za
Odpowiedzi
Informacja zwrotna
Atrybut <font-size> faktycznie odpowiada za rozmiar czcionki w językach opisu stylu, takich jak CSS. W praktyce, gdy ustawiasz np. font-size: 16px; to właśnie definiujesz, jak duże będą litery na stronie internetowej. Moim zdaniem to jedna z najważniejszych właściwości stylowania tekstu, bo wpływa bezpośrednio na czytelność, dostępność i ogólne wrażenie wizualne projektu. Jeszcze kilkanaście lat temu często spotykałem się z użyciem atrybutu size w samym znaczniku <font> w HTML, ale teraz, zgodnie ze standardami W3C, zaleca się używanie CSS i właściwości font-size. Oprócz typowych jednostek, jak px czy em, można stosować rem, %, a nawet vw – to daje sporą elastyczność przy responsywnych stronach. Ciekawostka: font-size może być dziedziczony przez potomne elementy, więc warto pilnować hierarchii stylów, bo czasem jedno ustawienie potrafi mocno „rozjechać” cały layout. Z własnego doświadczenia wiem, że poprawne stosowanie tej właściwości to podstawa projektowania dostępnych i wygodnych w odbiorze interfejsów. Wiele osób na początku myli font-size z font-weight albo font-family, więc dobrze jest raz na zawsze zapamiętać, że chodzi tylko o wielkość czcionki, a nie o jej krój czy grubość.