Zmiana kroju pisma (font-family)

W CSS możemy zmienić krój pisma za pomocą właściwości font-family. Wartość tej właściwości może składać się z jednego lub więcej nazw krojów pisma (fontów), oddzielonych przecinkami. Przeglądarka wybiera pierwszy dostępny font z listy, a jeśli żaden nie jest dostępny, stosuje font domyślny systemu.

body {
    font-family: "Arial", "Helvetica", sans-serif;
}

   See the Pen    Untitled by EE-Informatyk.pl (@eeinformatyk)   on CodePen. 
 

Podsumowanie

Właściwość font-family w CSS pozwala na definiowanie kroju pisma, który będzie używany w wyświetlanych treściach. Możemy podać listę fontów, a przeglądarka wybierze pierwszy dostępny. Ważne jest, aby zawsze na końcu listy podać ogólny typ fontu (np. serif, sans-serif), na wypadek, gdyby żaden z podanych krojów nie był dostępny. Dodatkowo, dzięki usługom takim jak Google Fonts, możemy korzystać z bogatej biblioteki zewnętrznych fontów, co zwiększa możliwości dostosowania wyglądu strony.