Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego CSS. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.
Jak zmienić rozmiar (wielkość) czcionki? Jaki jest najlepszy sposób ustalania wielkości czcionki?selektor { font-size: rozmiar }
Zobacz więcej...
Jak zmienić rodzaj (krój) czcionki? W jaki sposób maksymalnie zabezpieczyć się przed wyświetleniem tekstu niechcianym krojem czcionki?selektor { font-family: rodzaj, rodzaj1, rodzaj2,... }
Zobacz więcej...
W jaki sposób wczytać czcionkę z pliku?<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=rodzaj">
<style>
selektor { font-family: rodzaj }
</style>
</head>
Zobacz więcej...
W jaki sposób wprowadzić czcionkę pochyloną (kursywa)? Czym różni się styl "italic" od "oblique"?selektor { font-style: styl }
Zobacz więcej...
Jak wprowadzić czcionkę pogrubioną? Czy można wytłuścić tekst z różną intensywnością?selektor { font-weight: waga }
Zobacz więcej...
W jaki sposób przekształcić zwykły tekst w kapitaliki, czyli napisany wielkimi literami, lecz czcionką o wysokości małych liter?selektor { font-variant-caps: wariant }
Zobacz więcej...
W jaki sposób sprawić, aby niektóre litery w tekście były ze sobą bardziej zlane tworząc estetyczne połączenie graficzne (ligatury)?selektor { font-variant-ligatures: warianty }
Zobacz więcej...
Co zrobić, aby liczby w kolumnach tabeli z danymi były ułożone równo pod sobą? W jaki sposób wyświetlić licznik i mianownik rozdzielone kreską ułamkową?selektor { font-variant-numeric: warianty }
Zobacz więcej...
W jaki sposób dodać indeks dolny lub górny tak, aby sąsiednie linijki tekstu nie były między sobą nieestetycznie rozsunięte?selektor { font-variant-position: wariant }
Zobacz więcej...
W jaki sposób określić w jednym poleceniu wiele własności wariantu czcionki: połączenie liter (ligatury), wielkość liter (kapitaliki), formatowanie liczb oraz wyglądu indeksów dolnych i górnych w tekście?selektor { font-variant: wartości atrybutów }
Zobacz więcej...
W jaki sposób określić w jednym poleceniu wiele własności czcionki: styl, wariant, wagę, rozmiar, krój, a także wysokość linii? Jak ustawić czcionkę systemową, tzn. taką jak używana na przyciskach, paskach narzędzi, menu itp.?selektor { font: wartości atrybutów }
Zobacz więcej...
W jaki sposób rozciągnąć lub ścieśnić czcionkę?selektor { font-stretch: rozciąg }
Zobacz więcej...
Co zrobić, aby czcionka na ekranie zawsze była tak samo czytelna, bez względu na jej krój (rodzaj)?selektor { font-size-adjust: proporcje }
Zobacz więcej...
W jaki sposób regulować odległość pomiędzy sąsiednimi znakami tekstu (kerning) tak, aby wyglądał bardziej estetycznie i był czytelniejszy?selektor { font-kerning: tryb }
Zobacz więcej...