0:00:00.211,0:00:05.221
Już wiecie, jak zmienić[br]kolor czcionki i tła na stronie.

0:00:05.303,0:00:08.682
Dzięki CSS, z tekstem[br]można zrobić znacznie więcej.

0:00:09.509,0:00:11.632
Najpierw zmieńmy czcionkę.

0:00:12.577,0:00:15.925
Czym jest czcionka? Wiecie to,[br]tylko może nie kojarzycie

0:00:15.925,0:00:17.034
samego określenia.

0:00:17.243,0:00:19.507
To styl tworzących słowa liter:

0:00:19.802,0:00:22.996
czy mają ozdoby, jak są grube,

0:00:23.176,0:00:25.083
czy wyglądają jak napisane piórem.

0:00:25.884,0:00:30.266
Najprościej będzie, gdy dla przykładu[br]zmienię rodzinę czcionek.

0:00:30.663,0:00:35.441
Przejdę do reguły „p”, by wybrać[br]wszystkie akapity. Dodam właściwość

0:00:35.729,0:00:37.957
„font-family” (rodzina czcionek).

0:00:41.739,0:00:43.829
Widzicie, jak zmieniły się litery?

0:00:44.115,0:00:45.805
Stały się prostsze.

0:00:47.293,0:00:52.183
Zmienię rodzinę czcionek,[br]określając „serif” (szeryfowa).

0:00:52.283,0:00:55.902
Widzicie, że litery[br]są bardziej skomplikowane?

0:00:55.902,0:00:59.859
W czcionce szeryfowej litery[br]mają ogonki, tzw. zaciosy.

0:00:59.979,0:01:04.269
Gdy każemy przeglądarce użyć[br]czcionki szeryfowej, weźmie domyślną

0:01:04.269,0:01:07.712
taką czcionkę dla danego[br]komputera. Zwykle Times New Roman.

0:01:10.554,0:01:13.114
Zmienię na „sans-serif”[br]- bezszeryfową.

0:01:14.246,0:01:17.806
„Sans”, z łaciny, oznacza „bez”.

0:01:17.996,0:01:21.810
Litery czcionki bezszeryfowej[br]nie mają zaciosów.

0:01:22.101,0:01:23.722
Dlatego są prostsze.

0:01:24.177,0:01:27.936
Gdy każemy przeglądarce[br]użyć czcionki bezszeryfowej,

0:01:27.936,0:01:33.136
wybierze tę domyślną dla komputera.[br]Zwykle Arial lub Helvetikę.

0:01:33.136,0:01:37.710
Ważne: wybierze czcionkę domyślną

0:01:37.710,0:01:41.216
dla komputera odbiorcy,[br]nie autora strony.

0:01:41.553,0:01:45.257
Może teraz widzicie inną[br]czcionkę bezszeryfową,

0:01:45.317,0:01:47.595
bo mamy różne czcionki domyślne.

0:01:47.595,0:01:54.330
Czasami to nic, ale niekiedy chcę,[br]by odbiorca widział stronę

0:01:54.330,0:01:56.263
z taką samą czcionką jak u mnie.

0:01:56.701,0:02:01.981
W tym celu podaję konkretną[br]nazwę czcionki. Np. Helvetica.

0:02:03.150,0:02:07.938
To się uda, jeśli wy i ja mamy[br]tę czcionkę w komputerach.

0:02:08.436,0:02:12.641
Ale nie musi koniecznie tak być.[br]Wtedy komputer

0:02:12.708,0:02:14.039
zignoruje tę właściwość.

0:02:14.746,0:02:20.029
CSS pozwala określić[br]rodzinę czcionek, na wypadek,

0:02:20.058,0:02:22.303
gdyby tej głównej[br]nie było w komputerze.

0:02:22.979,0:02:28.001
Po „Helvetice” piszecie przecinek[br]i „sans serif”.

0:02:28.443,0:02:32.737
Komputer poszuka Helvetiki.[br]Jeśli nie znajdzie, użyje domyślnej

0:02:32.737,0:02:34.438
czcionki bezszeryfowej.

0:02:35.070,0:02:39.300
Wybierając konkretną czcionkę,[br]np. Helvetikę,

0:02:39.324,0:02:42.745
zawsze na wszelki wypadek[br]dopisujcie rodzinę czcionek.

0:02:44.447,0:02:48.349
Prócz „serif” i „sans-serif”[br]są jeszcze inne rodziny czcionek,

0:02:48.349,0:02:49.497
których można użyć.

0:02:50.100,0:02:56.604
Tekst piosenki będzie jak pismo[br]odręczne, gdy określimy „cursive”.

0:02:58.274,0:03:03.874
Jeśli wolimy bardziej wymyślne litery,[br]wybierzmy rodzinę czcionek „fantasy”.

0:03:04.944,0:03:08.305
A gdybyśmy chcieli czcionkę[br]jak z maszyny do pisania?

0:03:08.305,0:03:11.124
Wybierzmy rodzinę „monospace”.

0:03:11.204,0:03:15.184
Te czcionki mają stałą szerokość.[br]Czyli szerokość każdej litery

0:03:15.196,0:03:16.306
jest taka sama.

0:03:16.477,0:03:20.051
W Khan Academy często widzicie[br]czcionki „monospace”,

0:03:20.258,0:03:23.328
bo zawsze używamy ich[br]w edytorach kodów.

0:03:23.996,0:03:27.077
Chcemy, by kody były wyrównane,[br]niezależnie od liter

0:03:27.216,0:03:27.781
w słowach.

0:03:29.480,0:03:33.310
Umiecie zmieniać rodzinę czcionek.[br]Róbcie to rozsądnie.

0:03:33.450,0:03:37.790
Żeby strona wyglądała dobrze,[br]stosujcie czcionki z kilku rodzin

0:03:37.790,0:03:40.230
i pary czcionek pasujących do siebie.

0:03:40.699,0:03:45.303
Jeśli nie chcecie, by strona[br]wyglądała dobrze - wasza sprawa!

0:03:45.403,0:03:47.323
Bawcie się czcionkami!