Definicja: W CSS używamy właściwości font-family do określenia czcionki tekstu.
Paragraf: Paragraf o id="p1" ma ustawioną czcionkę na Arial.
Kod: #p1 {font-family: Arial, Helvetica, sans-serif;}
Bezpieczne czcionki internetowe to czcionki, które są powszechnie instalowane we wszystkich przeglądarkach i urządzeniach.
Poniższa lista to najlepsze bezpieczne czcionki internetowe dla HTML i CSS:
Definicja: Właściwość font-style jest używana głównie do określenia tekstu kursywą.
Paragraf: Paragraf o id="p2" jest napisany kursywą.
Kod: #p2 {font-style: italic;}
Definicja: Właściwość font-weight określa wagę czcionki.
Paragraf: Paragraf o id="p3" jest pogrubiony.
Kod: #p3 {font-weight: bold;}
Definicja: Właściwość font-variant określa, czy tekst powinien być wyświetlany czcionką kapitalikową. W czcionce kapitalikowej wszystkie małe litery są konwertowane na wielkie. Jednak przekonwertowane wielkie litery pojawiają się w mniejszym rozmiarze czcionki niż oryginalne wielkie litery w tekście.
Paragraf: Paragraf o id="p4" jest wyświetlany czcionką kapitalikową.
Kod: #p4 {font-variant: small-caps;}
Definicja: Właściwość font-size ustawia rozmiar tekstu.
Paragraf: Paragraf o id="p5" ma ustawiony rozmiar na 14px.
Kod: #p5 {font-size: 14px;}
Definicja: Aby skrócić kod, możliwe jest również określenie wszystkich indywidualnych właściwości czcionki w jednej właściwości. Właściwość font jest skróconą własnością dla: font-style, font-variant, font-weight, font-size/line-height, font-family. Wartości font-sizei font-family są wymagane.
Paragraf: Paragraf o id="p6" ma ustawioną czcionkę na 20px Arial, sans-serif
Kod: #p6 {font: 20px Arial, sans-serif;}