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:
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;
}
ź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
Przykłady czcionek online z przykładowym tekstem w języku polskim (znaki diakrytyczne)
