Kurs z HTML dla początkujących

Jak zmienić rozmiar fontu na stronie internetowej z pomocą HTML i CSS?

wielkość fontu, czcionki elektronicznej na stronie z pomocą CSS, HTML

Kategoria wpisu Kurs HTML, Kursy Tagi: , , , , , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

Rozmiar fontu (czasami nazywanego również czcionką) na stronie można zmienić na kilka sposobów z pomocą HTML i CSS.

Rozmiar fontu w HTML

W HTML rozmiar fontu zmieniamy z pomocą zmiennej <font>. Za jej pomocą możemy ustawić wielkość czcionki od 1 do 7. Zaczynamy wzrost od niższej liczby (czyli 1 tekst będzie mały a 7 olbrzymi) w praktyce wygląda to następująco:

 

W miejsce literki „n” wpisujemy odpowiednią wartość:

Wielkość 1

Wielkość 2

Wielkość 3

Wielkość 4

kod przykładu:

Jak widać uzyskaliśmy swoistą drabinkę, w której kolejny element ma inną wielkość.


Rozmiar fontu w CSS

W CSS sprawa nie jest już taka łatwa. Rozmiar fontu możemy bowiem ustalać na kilka sposobów. Nie mniej jednak właściwością, która nam to umożliwia jest font-size (czyli dosłownie rozmiar fontu).

Domyślne wartości w CSS

Jednym ze sposobów określenia wielkości fontu jest skorzystanie z wielkości analogicznych jak w HTML tylko przeniesionych do CSS

Wielkość 1
Wielkość 2
Wielkość 3
Wielkość 4
Wielkość 5
Wielkość 6
Wielkość 7

Podwiewam, że powyższe ustawienia są czymś w rodzaju reliktu z czasów kiedy strony miały bardzo proste struktury. Obecnie bowiem nie specjalnie kojarzę by poza jakimiś kursami spotkała się z tego typu zapisem.

Samodzielne ustalenie wielkości fontu

Dużo częściej Font na stronach są określane np.:

font-size:12px;
font-size:10em;

 

gdzie wielkość czcionki to 12px lub 10em. W tym miejscu dobrze zapoznać się z moim wpisem na temat stosowanych wielkości, rozmiarów spotykanych na stronach internetowych.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *