NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. 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
Nejnovější komentáře jsou na konci poslední stránky.
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.

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ěď.

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
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
New kid back on the block with a R.I.P
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.

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?

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?

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

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?

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
Nejnovější komentáře jsou na konci poslední stránky.
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.