NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 11 - Stylování textu v CSS - Google fonty, velikost fontu a stín

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Jakub Ježek
Člen
Avatar
Jakub Ježek:15.10.2023 15:04

V části "Nastavení fontu webu" je uvedeno jak máme nastavit poppins v body, ale hned následně při uvední celého kódu je to bez vysvětlení (které je až o pár odstavců níže) použito jinak.

 
Odpovědět
15.10.2023 15:04
Avatar
David Kočí
Člen
Avatar
David Kočí:22.10.2023 19:10

zdravím, tady tohle kódování fakt nechápu...

@font-face {
    font-family: Poppins;
    src: url(fonty/Poppins-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Poppins;
    src: url(fonty/Poppins-ExtraBold.ttf);
    font-weight: bold;
}

body {
    font: 14px "Poppins";
    color: #414042;
}

Jak pak to body rozezná, který "Poppins" má použít? Názvy jsou úplně stejné, ale oba font-face odkazují na úplně jiný soubor. Nebo je to tak chytré, že v případě selektoru na nadpisy to vybere tučné písmo ze stažených fontů a u odstavců to použije normální písmo? Díky za odpověď.

 
Odpovědět
22.10.2023 19:10
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na David Kočí
David Hartinger:26.10.2023 18:38

Je to tak chytré :)

Odpovědět
26.10.2023 18:38
New kid back on the block with a R.I.P
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Jakub Ježek
David Hartinger:30.10.2023 12:31

Děkujeme za připomínku, opraveno :)

Odpovědět
30.10.2023 12:31
New kid back on the block with a R.I.P
Avatar
Josef Nechvátal
Člen
Avatar
Josef Nechvátal:18.1.2024 23:49

Ten zdroj s url nevím kde mám dát jestli do html nebo css. Navíc nevím kde vezme pozbalený font poppins.

 
Odpovědět
18.1.2024 23:49
Avatar
Karel Korec
Člen
Avatar
Karel Korec:21.1.2024 20:53

Úplně dobře jsem nepochopil velikost písma. Velikost v px je jasná, ale platí jen pro běžný text? A pak mi uniká to "em" a "rem". V kódu není např. definována velikost písma pro h1, jak ošetřím vzájemný vztah velikostí písmen mezi h1 a ostatními nadpisy, pouze regulací velikosti fontu u h2 a dále?

 
Odpovědět
21.1.2024 20:53
Avatar
Jakub Žárský
Člen
Avatar
Jakub Žárský:24.1.2024 20:17

Zdravím, z nějakého duvodu mi nejde nastavit "font-weight" ve vašem cvičení ..
přikládám screenshot. Nerozumím tomu proč to nejde. Mužete mi prosím někdo poradit?

 
Odpovědět
24.1.2024 20:17
Avatar
Jakub Žárský
Člen
Avatar
Odpovídá na Jakub Žárský
Jakub Žárský:24.1.2024 20:37

Už jsem na to přišel.Prosím zapomente ze jsem neco napsal :D

 
Odpovědět
24.1.2024 20:37
Avatar
Veronika Kočárková
Člen
Avatar
Veronika Kočárková :14.3.2024 13:21

Dobrý den,
bylo by možné přidat do této lekce jak bude po všech úpravách vypadat celý soubor styl.css?

 
Odpovědět
14.3.2024 13:21
Avatar
Lucie Králová
Člen
Avatar
Lucie Králová:21.3.2024 14:39

Zdravím,
z jednotek em a rem jsem dost zmatená :D Jediné co jsem z toho pochopila, že je lepší je používat než pixely, kvůli konzistenci vzhledu stránky na různých zařízeních.
Jinak se v tom ztrácím a jen tuším, že s nimi upravuji procentuální velikost písma z písma původního.
Čemu dále také nerozumím, je to že když měním velikost u nadpisů, přicházím o jejich tučnost ať už použiji jakoukoliv jednotku pro změnu velikosti písma.
Předem děkuji za jakoukoliv zpětnou vazbu.

Editováno 21.3.2024 14:40
 
Odpovědět
21.3.2024 14:39
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 30.