[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.21,0:00:05.22,Default,,0000,0000,0000,,Ukázali jsme si, jak změnit\Nbarvu pozadí a barvu textu.
Dialogue: 0,0:00:05.30,0:00:08.68,Default,,0000,0000,0000,,Ale s textem můžeme\Nv CSS dokázat mnohem víc.
Dialogue: 0,0:00:09.51,0:00:12.11,Default,,0000,0000,0000,,Pro začátek zkusíme změnit font.
Dialogue: 0,0:00:12.11,0:00:15.92,Default,,0000,0000,0000,,Co je to font? Nejspíš už nějaký font\Nznáte, ale zatím jste možná neslyšeli,
Dialogue: 0,0:00:15.92,0:00:17.24,Default,,0000,0000,0000,,jak se mu říká.
Dialogue: 0,0:00:17.24,0:00:19.80,Default,,0000,0000,0000,,Font je styl písma, tedy písmenek,\Nze kterých se skládají slova.
Dialogue: 0,0:00:19.80,0:00:22.100,Default,,0000,0000,0000,,Někdy písmenka mohou mít \Nkudrlinky, jindy jsou tlustá,
Dialogue: 0,0:00:22.100,0:00:25.88,Default,,0000,0000,0000,,a někdy vypadají, jako by je\Nněkdo napsal psacím perem.
Dialogue: 0,0:00:25.88,0:00:30.27,Default,,0000,0000,0000,,Bude jednodušší, když si rovnou\Nukážeme, jak takový font změnit.
Dialogue: 0,0:00:30.66,0:00:35.44,Default,,0000,0000,0000,,Půjdu do CSS pravidla ,\Nkteré vybírá všechny odstavce,
Dialogue: 0,0:00:35.73,0:00:38.62,Default,,0000,0000,0000,,a přidám vlastnost 'font-family'.
Dialogue: 0,0:00:38.68,0:00:41.62,Default,,0000,0000,0000,,font-family sans pomlčka serif.
Dialogue: 0,0:00:41.74,0:00:44.12,Default,,0000,0000,0000,,Viděli jste, jak se písmenka změnila?
Dialogue: 0,0:00:44.12,0:00:47.13,Default,,0000,0000,0000,,Vypadají teď jednodušší.
Dialogue: 0,0:00:47.13,0:00:52.18,Default,,0000,0000,0000,,Teď zkusím vrátit hodnotu\N'font-family' zpátky na 'serif'.
Dialogue: 0,0:00:52.28,0:00:55.90,Default,,0000,0000,0000,,Všímáte si, že písmenka\Nvypadají teď o něco složitější?
Dialogue: 0,0:00:55.90,0:00:59.98,Default,,0000,0000,0000,,'serif', neboli patkový font, má u písmenek\Ntakové malé nožičky - patky.
Dialogue: 0,0:00:59.98,0:01:04.27,Default,,0000,0000,0000,,Když takto řekneme prohlížeči, aby\Npoužil 'serif' font, použije základní
Dialogue: 0,0:01:04.27,0:01:08.16,Default,,0000,0000,0000,,patkové písmo v počítači. Což je\Nvětšinou font 'Times New Roman'.
Dialogue: 0,0:01:10.55,0:01:13.11,Default,,0000,0000,0000,,Mně se spíš ale líbí 'sans-serif',\Ntak ho tam teď vrátím.
Dialogue: 0,0:01:14.25,0:01:17.81,Default,,0000,0000,0000,,Slovo 'sans' pochází z latiny\Na znamená 'bez'.
Dialogue: 0,0:01:17.100,0:01:21.81,Default,,0000,0000,0000,,Takže font sans-serif je ten,\Nkterý je bez patek u písmenek.
Dialogue: 0,0:01:21.81,0:01:24.18,Default,,0000,0000,0000,,A proto u něj písmena vypadají jednodušší.
Dialogue: 0,0:01:24.18,0:01:27.94,Default,,0000,0000,0000,,Když řekneme prohlížeči,\Naby použil font 'sans-serif',
Dialogue: 0,0:01:27.94,0:01:33.14,Default,,0000,0000,0000,,použije základní bezpatkový font v počítači,\Ncož je obvykle 'Arial' nebo 'Helvetica'.
Dialogue: 0,0:01:33.14,0:01:37.71,Default,,0000,0000,0000,,Ale to nejdůležitější: prohlížeč\Nvybere základní font počítače,
Dialogue: 0,0:01:37.71,0:01:41.22,Default,,0000,0000,0000,,na kterém je návštěvník stránky, nikoliv autor.
Dialogue: 0,0:01:41.55,0:01:45.26,Default,,0000,0000,0000,,Takže právě teď možná každý vidíme\Ntrochu jiný bezpatkový font,
Dialogue: 0,0:01:45.32,0:01:48.27,Default,,0000,0000,0000,,Pokud váš počítač má jiný\Nzákladní font než můj.
Dialogue: 0,0:01:48.27,0:01:51.97,Default,,0000,0000,0000,,Někdy to je v pořádku,\Nale jindy bychom chtěli,
Dialogue: 0,0:01:51.97,0:01:56.26,Default,,0000,0000,0000,,aby návštěvníci viděli\Npřesně stejný font jako my.
Dialogue: 0,0:01:56.70,0:02:02.72,Default,,0000,0000,0000,,V takovém případě můžu uvést přesný\Nnázev fontu, například Helvetica.
Dialogue: 0,0:02:03.15,0:02:08.42,Default,,0000,0000,0000,,A to bude fungovat pouze tehdy, pokud\Njá i vy máme font Helvetica na našem počítači.
Dialogue: 0,0:02:08.44,0:02:12.64,Default,,0000,0000,0000,,Ale ne všechny počítače\Nmají všechny fonty k dispozici,
Dialogue: 0,0:02:12.71,0:02:14.75,Default,,0000,0000,0000,,a v takovém případě prohlížeč\Nbude tuto vlastnost úplně ignorovat.
Dialogue: 0,0:02:14.75,0:02:20.03,Default,,0000,0000,0000,,Naštěstí, v CSS můžeme\Nuvést záložní font pro případ,
Dialogue: 0,0:02:20.06,0:02:22.98,Default,,0000,0000,0000,,kdy původní font na počítači neexistuje.
Dialogue: 0,0:02:22.98,0:02:28.00,Default,,0000,0000,0000,,Stačí za 'Helvetica' přidat čárku\Na znovu uvést 'sans-serif'.
Dialogue: 0,0:02:28.44,0:02:32.74,Default,,0000,0000,0000,,Teď když počítač nenajde Helveticu,\Nprostě použije základní 'sans-serif',
Dialogue: 0,0:02:32.74,0:02:35.07,Default,,0000,0000,0000,,neboli bezpatkový font.
Dialogue: 0,0:02:35.07,0:02:39.30,Default,,0000,0000,0000,,Obecně kdykoliv použijeme název\Nkonkrétního fontu, jako je Helvetica,
Dialogue: 0,0:02:39.32,0:02:44.17,Default,,0000,0000,0000,,tak bychom měli uvést\Ni záložní rodinu fontů.
Dialogue: 0,0:02:44.45,0:02:48.35,Default,,0000,0000,0000,,Kromě 'serif' a 'sans-serif' fontů\Nje tu ještě několik rodin fontů,
Dialogue: 0,0:02:48.35,0:02:49.100,Default,,0000,0000,0000,,které můžeme použít.
Dialogue: 0,0:02:49.100,0:02:56.60,Default,,0000,0000,0000,,Kdybychom chtěli, aby text naší písničky vypadal\Njako napsaný rukou, použijeme 'font-family: cursive'.
Dialogue: 0,0:02:57.79,0:03:03.87,Default,,0000,0000,0000,,Kdybychom chtěli použít něco extra, můžeme\Nvyzkoušet rodinu fontů 'fantasy'.
Dialogue: 0,0:03:04.94,0:03:08.30,Default,,0000,0000,0000,,Nebo pokud chceme, aby text\Nvypadal jako napsaný na psacím stroji,
Dialogue: 0,0:03:08.30,0:03:11.12,Default,,0000,0000,0000,,můžeme použít rodinu fontů 'monospace'.
Dialogue: 0,0:03:11.20,0:03:14.23,Default,,0000,0000,0000,,Fonty 'monospace' mají pevnou šířku,\Ncož znamená,
Dialogue: 0,0:03:14.23,0:03:16.48,Default,,0000,0000,0000,,že všechna písmena jsou\Npřesně stejně široká.
Dialogue: 0,0:03:16.48,0:03:20.05,Default,,0000,0000,0000,,A ve skutečnosti jsme se už s nimi\Ntady na Khan Academy potkali,
Dialogue: 0,0:03:20.26,0:03:23.33,Default,,0000,0000,0000,,protože ve všech editorech kódu\Ntyto 'monospace' fonty používáme.
Dialogue: 0,0:03:23.100,0:03:27.08,Default,,0000,0000,0000,,Chceme totiž, aby byl kód hezky zarovnaný\Nbez ohledu na to, jaká
Dialogue: 0,0:03:27.22,0:03:29.38,Default,,0000,0000,0000,,písmena přesně použijeme.
Dialogue: 0,0:03:29.48,0:03:33.31,Default,,0000,0000,0000,,Teď, když už umíte změnit font,\Npoužívejte tuto schopnost rozvážně.
Dialogue: 0,0:03:33.45,0:03:37.79,Default,,0000,0000,0000,,Pokud chcete, aby vaše stránka vypadala\Ndobře, omezte se jen na pár fontů,
Dialogue: 0,0:03:37.79,0:03:40.91,Default,,0000,0000,0000,,a vyberte takové, které jdou dobře k sobě.
Dialogue: 0,0:03:40.91,0:03:45.62,Default,,0000,0000,0000,,Pokud ale chcete mít ošklivou stránku,\Nnikdo vám v tom nemůže zabránit. :-)