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.

Komentáre

Povedzte nám čo si myslíte.

  1. rak píše: Jún 28, 2012

    Font nefuguje ve Internet Explorer.

    • Lukas Greso píše: Jún 28, 2012

      Pekna otazka, podla odporucani google, pre IE je vhodne importovat fonty kazdy v samostatnom LINK tagu a pritom samotne LINK tagy by mali byt v HEAD nacitavane ako prve a to pred vsetkymi CSS (externymi ci internymi) Vytvoril som demo, mozte zhliadnut online http://jsfiddle.net/JQcXN

  2. rak píše: Jún 29, 2012

    Diky moc

  3. Milan píše: Máj 8, 2014

    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. :)

    • Lukas Greso píše: Máj 13, 2014

      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.

Pridaj komentár

Vyplňte formulár a odošlite