Jak dołączyć czcionki Google do naszego szablonu WordPress?

Google udostępnia obfitą bazę ciekawych i darmowych czcionek na swoich serwerach http://www.google.com/fonts/. Wielu webmasterów na pewno już z nich korzystało.
Jak i gdzie dodać link do czcionek w naszym szablonie?
Jest na to kilka sposobów…
Preferuje rozwiązanie, gdzie czcionki są dodawane razem ze skryptami i innymi funkcjami czyli w pliku functions.php dodajemy wpis:
wp_register_style('mygoogleFont', 'http://fonts.googleapis.com/css?family=Electrolize');
wp_enqueue_style( 'mygoogleFont');

Jeżeli modyfikujemy nie nasz szablon warto wcześniej sprawdzić czy autor nie dodaje swoich czcionek w innym miejscu.
Ta metoda jest uznawana za prawidłową. Kolejnych, o których napiszę, nie poleca się…

Innym sposobem jest import czcionki do naszego stylu – do pliku header.php w sekcji HEAD dodajemy kod:
@import url(http://fonts.googleapis.com/css?family=Electrolize); lub < link href="http://fonts.googleapis.com/css?family=Electrolize rel="stylesheet" type="text/css" />
i już możemy go użyć modyfikując nasz styl (plik style.css)np. .klasa { font-face:'Electrolize'; }

Istnieje również wiele wtyczek do obsługi czcionek w WP, jedną z bardziej popularnych jest http://wordpress.org/extend/plugins/wp-google-fonts/

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *