NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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
Pavla Sklenářová
Člen
Avatar
Pavla Sklenářová:15.11.2024 21:57

Zdravím,
mám pár dotazů - první věc - proč font Poppins musí být v tomto případě v uvozovkách?
Druhá věc - z nějakého důvodu se mi stránky nezobrazují s písmem Poppins, ale s výchozím stylem. Nevíte, čím to může být?
css:

@font-face
{
    font-family:Poppins;
    src: url(Fonts\Poppins\Poppins-Regular.ttf);
    font-weight: normal;
}
@font-face
{
    font-family:Poppins;
    src: url(Fonts\Poppins\Poppins-ExtraBold.ttf);
    font-weight: bold;
}

body
{
    font-family:"Poppins";
}

h1,h2,h3,h4,h5,h6
{

    text-align: center;
    color: #0e4784;
}

p
{
    text-align:justify;
}

.centrovany
{
   text-align: center;
}

Relativní cesta odpovídá, html soubor obsahuje link na css.
Děkuji.

Odpovědět
15.11.2024 21:57
Nepropadejte panice.
Avatar
Pavla Sklenářová
Člen
Avatar
Odpovídá na Betticek
Pavla Sklenářová:16.11.2024 14:44

Ahoj, v hlavičce máš link, kde odkazuješ na soubor styl.css. Máš to zakončeno lomítkem, počítač si to tak vykládá jako složku. Zkus odstranit to lomítko, mělo by to pomoct.

Odpovědět
16.11.2024 14:44
Nepropadejte panice.
Avatar
Pavla Sklenářová
Člen
Avatar
Odpovídá na Pavla Sklenářová
Pavla Sklenářová:18.11.2024 14:21

Vyřešeno. Problém byl ve zpětných lomítkách. Cestu pište tedy s klasickým lomítkem.

Odpovědět
18.11.2024 14:21
Nepropadejte panice.
Avatar
Filip Solovjev
Člen
Avatar
Filip Solovjev:20.11.2024 21:54

Třetí parametr je rozostření, čím vyšší hodnota, tím je text rozostřenější. Při hodnotě 1px je ostrý.

Aši zde bylo myšleno "stín rozostřenější", páč se jedna o blur stínu :)

 
Odpovědět
20.11.2024 21:54
Avatar
Marián Vaculík
Člen
Avatar
Marián Vaculík:23.11.2024 15:50

Neviem z akého dôvodu sa mi nechce zmeniť písmo z pôvodného na Poppins. Úplne všetko mám zadané ako je zadané v stiahnutom súbore.

 
Odpovědět
23.11.2024 15:50
Avatar
David Pech
Člen
Avatar
David Pech:5.12.2024 17:46

Občas se ztrácím v tom, když nějaká funkce má několik typů a my si je vyzkoušíme zapsat do kódu a špatně se mně osobně v tom orientuje, která funkce zde zůstává a která ne např. h2 {
font-size: 1.7em;
}

 
Odpovědět
5.12.2024 17:46
Avatar
Simona Kolečářová
Člen
Avatar
Simona Kolečářová:12.12.2024 13:15

Problém jsem měla v tom, že se soubor písma Poppins stáhl v zipu, ten zip Poppins jsem měla uložený ve "fonty" a pak mi to nereagovalo, resp. se neprojevila změna písma. Až poté, co jsem Poppins-Regular a Poppins-ExtraBold ze zipu vyjmula a dala přímo do složky fonty, mi to začalo fungovat. Pak jsem nevěděla, kam zařadit vlastnost text-shadow:......, musela jsem nahlédnout do vzorové aplikace.

 
Odpovědět
12.12.2024 13:15
Avatar
Michal Olszar
Člen
Avatar
Michal Olszar:20.12.2024 18:58

Článek byl skvělý. Jen jeden detail. Stránka Google Fonts je trochu upgradovaná a vypadá trochu jinak než ve článku. Už si nejde vybrat, které zvolené tloušťky stáhnout zvlášť díky možnosti "Download all". Je tam pouze možnost "Get font", který stáhne celou rodinu fontu.

 
Odpovědět
20.12.2024 18:58
Avatar
Jan černý
Člen
Avatar
Jan černý:19. ledna 16:53

google fonts už má jinou podobu.
nebyl jsem schopen tam získat odkaz pro import :/

pro stín bych nepsal že první hodnota je posun doprava a druhá hodnota dolů. pokud zdám záporné hodnoty tak je to přesně obráceně.
tedy první hodnota posun v horizontální a druhá ve vertikální ose (případně konvenční osa x a y.. )

 
Odpovědět
19. ledna 16:53
Avatar
Veronika Viková
Člen
Avatar
Veronika Viková:18. února 19:01

Stahování fontů vypadalo jinak, ale s tím jsem se dokázala poprat. Následně se mi nepodařilo změnit font písma, ať jsem dělala co jsem dělala. Vše napsané stejně a stejně mi to nepomohlo. Ale už to funguje, konečně, ale stále nevím, co bylo špatně.

 
Odpovědět
18. února 19:01
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.