3 Urodziny Bloga

Możecie w to uwierzyć? Dzisiaj mija trzecia rocznica założenie przeze mnie bloga :) Już trzy latka oficjalnie zajmuję się grafiką. Były wzloty i upadki, ale jakoś się trzymam. No i euleunge czasami coś dodaję, więc jest dobrze :) Chciałyśmy przygotować coś super, ale skończyło się tylko na grafice, dodatkach i tutorialu. Pokażemy Wam jak zmienić czcionkę na blogu, nie babrząc się przy tym w htmlu :)
Dziękujemy Wam za to, że wciąż tu zaglądacie :) Dajecie nam sporą dawkę motywacji!
Prac nie jest dużo. Trzy sygnaturki zrobione przez oreuis, osiem nagłówków, koloryzacja i paczka stocków.
Pierwsze trzy nagłówki wykonane przez euleunge, czwarty, piąty i szósty to współpraca euleunge&oreuis i ostanie dwa stworzone przez oreuis.

Tutorial na niekonwencjonalną czcionkę na bloga:

Najpierw trzeba znaleźć czcionkę i pobrać ją na komputer. Możecie je znaleźć na różnych stronach chociażby na dafont.
Wybrany plik ze czcionką trzeba gdzieś zahostować. Polecam dropboxa. Należy przesłać plik a następnie go udostępnić. Potem utworzyć i skopiować łącze.
Wygląda ono mniej więcej tak:
https://www.dropbox.com/s/zdj9mb8ckvyz7k3/Moving%20Skate.ttf

Teraz trzeba zmienić początek linku. www.dropbox.com kasujemy i na jego miejsce wpisujemy dl.dropboxusercontent.com
Nie naciskajcie już entera, bo zniknie Wam link i czcionka po prostu się pobierze kolejny raz na komputer. Po prostu skopiujcie link. Powinien on wyglądać tak:

https://dl.dropboxusercontent.com/s/zdj9mb8ckvyz7k3/Moving%20Skate.ttf

Następnie wchodzimy na bloga i w arkuszu CSS piszemy:
@font-face {
     font-family:"czcioneczka"; *tu wpisujecie jak chcecie by czcionka się nazywała*
     src:url("https://dl.dropboxusercontent.com/s/zdj9mb8ckvyz7k3/Moving%20Skate.ttf") ; *tu wklejacie link do czcionki z dropboxa*
     format("truetype");
}

Czcionka jest już dodana i można z niej korzystać. Np.

h3, h3.post-title {
    font-family: "czcioneczka" ;
}

Myślę, że daje to większy wachlarz możliwości niż to co proponują nam google fonts. Nie trzeba też wchodzić na HTML i tam się męczyć :)