Przejdź do treści

CSS / Czcionki

Powtórka

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? W jaki sposób wczytać czcionkę z pliku?

selektor { font-family: rodzaj, rodzaj1, rodzaj2,... }
<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...

Komentarze

Zobacz więcej komentarzy

Facebook