Czcionki od google jak w łatwy sposób dołączyć do swojej strony www

Ten przewodnik wyjaśnia, jak korzystać z interfejsu API Google Fonts dodać czcionki do swoich stron internetowych. Cała operacja ogranicza się do dodania linku z arkuszem stylów od google do dokumentu HTML w sekcji <head> (w tym przykładzie link umieszczony został w linii nr 3), a następnie podać font-family   z wybraną czcionką w swoim stylu CSS.

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: "Tangerine", serif;
        font-size: 48px;
      }
    </ Style>
  </ Head>
  <body>
    <div> Dokonywanie Web Piękne! </ div>
  </ Body>
</ Html>

Oto efekt:

czcionka google

W prosty sposób można dowolnie formatować dołączoną czcionkę w swoich stylach css. Przykład z dodanym cieniem.

body {
  font-family: "Tangerine", serif;
  font-size: 48px;
  text-shadow: 4PX 4PX 4PX # aaa;
}

czcionka google cien

źródło: google fonts

W wordpress aby dodać czcionkę należy np. w pliku functions.php dodać:

wp_enqueue_style( 'font-tangerine', esc_url_raw('http://fonts.googleapis.com/css?family=Niconne') );

 

Przegląd czcionek dostępny na stronach http://www.google.com/fonts/ możemy ograniczyć do zawierających polskie znaki diakrytyczne wybierając filtr: Latin extended