Łatwo zmieniaj rozmiar czcionki swojej strony internetowej za pomocą CSS.
Źródło obrazu: Ableimages/Photodisc/Getty Images
Możesz przejąć kontrolę nad rozmiarem czcionki swojej strony internetowej za pomocą właściwości font-size języka stylów HTML, Kaskadowe arkusze stylów. Począwszy od HTML 5, podejście CSS do stylizacji czcionek zastępuje starszy znacznik „font”. Chociaż znacznik czcionki jest prawidłowy dla stron internetowych w formacie HTML 4, nie jest już obsługiwany jako prawidłowy znacznik w HTML 5.
Definiowanie rozmiaru czcionki za pomocą CSS
Rozmiary czcionek są ustawiane na Twojej stronie internetowej za pomocą atrybutu CSS „font-size”. Rozmiary czcionek są zazwyczaj definiowane za pomocą miara typograficzna „em”, gdzie 1.0 to bieżący rozmiar czcionki, lub wartości procentowe, gdzie 100 procent to bieżąca czcionka rozmiar. Możesz także użyć wstępnie ustawionych nazw wartości, takich jak „mniejszy”, „większy”, „mały” i „xx-duży”. Przy określaniu rozmiaru w pikselach lub punktach jest prawidłowy, nie jest to zalecane, ponieważ tekst może nie być poprawnie skalowany w niektórych okoliczności.
Wideo dnia
Możesz używać stylów w prawie każdym tagu HTML w treści swojej strony internetowej. Dodaj atrybut „style” do tagu z atrybutem CSS font-size ustawionym na żądany rozmiar. Styl wpływa na tekst między początkiem a końcem tagu – na przykład:
Ten tekst jest większy niż zwykle.
Ten tekst jest mniejszy.
Ten tekst jest również mniejszy.
Używanie CSS w swoim arkuszu stylów
Jeśli Twoja strona internetowa zawiera arkusz stylów CSS, osadzony w nagłówku strony lub zdefiniowany w osobnym pliku, możesz tam zmienić rozmiar czcionki. Arkusze stylów są przydatne do wprowadzania globalnych zmian na stronie internetowej. Znajdź lub dodaj deklarację, którą chcesz zmienić i dodaj kod rozmiaru czcionki. Na przykład, aby zwiększyć rozmiar czcionki dla wszystkich znaczników akapitu, użyj:
p { rozmiar czcionki: 125%; }
