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í.
Funkce, kterou se snažíš použít je dostupná pouze pro registrované uživatele. Buďto se přihlas nebo si zdarma vytvoř nový účet.

Diskuze – Lekce 10 - Třídní selektor a stylování textu v CSS

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
Capricorn76
Člen
Avatar
Capricorn76:28.3.2022 9:51

Ahoj,
mám dotaz.

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

Proč musím zadávat font-weight:bold, když "font-weight" je teoreticky zadána už v ttf souboru "src: url(fonty/Poppins-ExtraBold.ttf);" ?

Děkuji

 
Odpovědět
28.3.2022 9:51
Avatar
Capricorn76
Člen
Avatar
Odpovídá na Capricorn76
Capricorn76:28.3.2022 10:51

Ok, už chápu.

 
Odpovědět
28.3.2022 10:51
Avatar
Nat Owen
Člen
Avatar
Nat Owen:9.5.2022 20:27

Také mám dotaz.. pokud vypisuji toto. Jak to pozná co je určené na nadpis a co na text?

@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;
}
 
Odpovědět
9.5.2022 20:27
Avatar
David Kučera
Člen
Avatar
Odpovídá na Nat Owen
David Kučera:5.6.2022 19:03

Ahoj, také jsem si nad tím dost lámal hlavu - je to špatně popsané.
font-family: je něco jako třída, uvedu příklad: pokud by jsi chtěla zadat ExtraBold k nadpisům, tak ho napiš jako Poppins1 a to následně spáruj s h1,h2 atd...

h1,h2 {
font-family: "Poppins1";
}

 
Odpovědět
5.6.2022 19:03
Avatar
Tomáš Indrák
Člen
Avatar
Tomáš Indrák:7.6.2022 20:21

Ahoj, nevím proč, ale nastavení fontu Poppins mi nefungovalo, když jsem tu definici @font-face nastavil ve style.css.

Nicméně pokud jsem to dal do hlavičky index.html (jak bylo v ukázce českého manuálu CSS), tak to fungovalo.

<style>
        @font-face {
            font-family: Poppins;
            src: url(fonts/Poppins-Regular.ttf);
            font-weight: normal;
        }
        @font-face {
            font-family: Poppins;
            src: url(fonts/Poppins-ExtraBold.ttf);
            font-weight: bold;
        }
    </style>
 
Odpovědět
7.6.2022 20:21
Avatar
Tomáš Indrák
Člen
Avatar
Odpovídá na Tomáš Indrák
Tomáš Indrák:7.6.2022 23:23

Tak už vím, v čem byl problém.. Měl jsem totiž soubor style.css uložený v podložce css/, narozdíl od příkladu, kde byl stylovací soubor přímo v hlavní složce vedle index.html.

Tedy jsem jen ve style.css upravil správnou cestu k fontům, s ohledem na umístění souborů, a je to funkční.

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-ExtraBold.ttf);
    font-weight: bold;
}
 
Odpovědět
7.6.2022 23:23
Avatar
Ondřej Raška
Člen
Avatar
Ondřej Raška:16.6.2022 12:57

Do selektoru body nastavíme konečně námi zvolený font (v tomto případě font Poppins). body {
font-family: "Poppins"; }

To co je pak prezentováno jako výsledek kroku je změna v body i v nadpisech. Nadpisi už nejsou Arial. Nadpisy ale nejsou zmíněny v textu.

Může to pak být matoucí, když student provede změnu, kterou lektor říká, ale jeho výsledek je jiný.

 
Odpovědět
16.6.2022 12:57
Avatar
Tomáš Novotný
Člen
Avatar
Tomáš Novotný:7.7.2022 13:30

trošku mne děsí co všechno se dá s písmem vyvádět..... 😀

 
Odpovědět
7.7.2022 13:30
Avatar
Kitsu
Člen
Avatar
Odpovídá na Nat Owen
Kitsu:3.9.2022 21:42

řešila jsem to samé, pozná to podle toho front-weight: bold
h1-h6 nebo i <strong> jsou bold, takže se přepíší podle toho .../Poppins/Ex­traBold.ttf);

 
Odpovědět
3.9.2022 21:42
Avatar
Karoline Elisabeth Wild
Člen
Avatar
Karoline Elisabeth Wild:13.9.2022 9:58

Trochu mi tu chybela zminka o font fallbacku a o jednotce rem.

 
Odpovědět
13.9.2022 9:58
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 127.