IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – 11. diel - Štylovanie textu v CSS - Google fonty, veľkosť fontu a tieň

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
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.

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

 
Odpovedať
22.10.2023 19:10
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na David Kočí
David Hartinger:26.10.2023 18:38

Je to tak chytré :)

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

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

Odpovedať
30.10.2023 12:31
New kid back on the block with a R.I.P
Avatar
Josef Nechvátal:18. januára 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.

 
Odpovedať
18. januára 23:49
Avatar
Karel Korec
Člen
Avatar
Karel Korec:21. januára 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?

 
Odpovedať
21. januára 20:53
Avatar
Jakub Žárský:24. januára 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?

 
Odpovedať
24. januára 20:17
Avatar
Odpovedá na Jakub Žárský
Jakub Žárský:24. januára 20:37

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

 
Odpovedať
24. januára 20:37
Avatar
Veronika Kočárková :14. marca 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?

 
Odpovedať
14. marca 13:21
Avatar
Lucie Králová:21. marca 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.

Editované 21. marca 14:40
 
Odpovedať
21. marca 14:39
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!