XHTML + CSS – 8. lekcia – Google fonts, tvorba linajkovaného zošitu

Práca s Google Fonts

Implementovanie Google fonts do CSS na stránke a následné aplikovanie tohto fontu do odsekov a tým sa vytvára dojem napríklad písaného písma.

Práca s pozadím v elementoch HTML

Pomocou vybraného tagu <p> je demonštrovaná práca s pozadím aj v inom než <body> tagu. Čiže úprava pozadia je možná nie len pre celú internetovú stránku naraz, ale je možné nastaviť pre rôzne časti stránky rôzne pozadia.

Tvorba linajkovaného zošitu

V jednoduchom príklade je ukázaná práca s pozadím v odseku <p> spolu v kombinácii s Google Fonts sa docieli vzhľad podobný ručne písanému písmu v linajkovanom zošite.

5 thoughts on “XHTML + CSS – 8. lekcia – Google fonts, tvorba linajkovaného zošitu

  1. Ahoj, mám problém s príkazom background-image. Skontroloval som aj URL obrázka vo formáte PNG a stále mi nechce ukázať background-image. Robil som to presne podľa návodu, tak už si neviem rady.

    font-family: “Yesteryear”;
    font-size: 35px;
    line-height: 35px;
    background-image: url(‘Images/line_bg.PNG’);

    Mám tam niekde chybu ? Prosím poraď mi. Ďakujem. 🙂

    • Ahoj,
      Problem najcastejsie byva v ceste k obrazku, alebo v uvodzovkach.
      Podla tejto definicie chapem, ze mas obrazok v priecinku Images, je to naozaj tak?
      Skus nepouzivat velke male pismena v nazvoch priecinkov a suborov.
      Skus odstranit uvodzovky z prikazu url(Images/line_bg.PNG), tie uvodzovky byvaju problem.
      Uvodzovky by tam mali byt, ale ak pises slovenskou klavesnicou. tak niektore editory uvodzovky prehadzuju na “cudne”.
      Tie co mas ty su ine, zahnute, lava je ina ako prava 🙂
      povolene su UNICODE znaky: U+030D, U+030E, ty si pouzil U+0314 a U+315.
      Klikni na znaky a uvidis lepsi rozdiel medzi nimi v Unicode tabulke.

Zanechajte komentár