« Waarschuwing voor gebruik van foto's van internet
Automatisch MySql backup script »

Google Fonts op je website

Google heeft al een tijdje een nieuwe manier om mooie lettertypes te gebruiken op je website. Dit fenomeen heet Google Fonts en is heel erg simpel te implementeren op je website. Vooral voor de koppen ( H1 of H2 codes ) is dit erg mooi om te gebruiken. Het voordeel van deze Google Fonts is heel erg simpel. Het is heel erg snel in tegenstelling tot bijvoorbeeld de sIFR die bij het gebruik van veel H1 en H2 codes nogal aardig traag wordt.

Om de Google Fonts te kunnen gebruiken moet je onderstaande regel opnemen in het <HEAD> gedeelte van je website.

<link  href="http://fonts.googleapis.com/css?family=Aclonica:regular&v1" rel="stylesheet" type="text/css" >
Om de H1 koppen te gebruiken met dit font, kun je het onderstaande gedeelte toevoegen aan je CSS bestand.
h1 {
  font-family: 'Aclonica', serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
}
Uiteraard kun je dit ook voor je broodtekst gebruiken, vervang dan H1 voor body en klaar is kees.
Voor meer informatie over dit onderwerp en alle fonts kun je kijken op 
http://www.google.com/webfonts?subset=latin&sort=alpha
ITPraat.nl is onderdeel van het netwerk van Bekijk.nu
google-fonts, h1, h2, implementeren-fonts, website
Internet
 Print article This entry was posted by Erwin on 22-06-11 at 00:03:00 . Follow any responses to this post through RSS 2.0.
Nog geen reactie(s)
Plaats een commentaar

Jouw e-mail adres zal niet worden getoond op deze site.

Jouw URL zal worden weergegeven
(Enters worden <br />)
(Naam, email & website)
(Sta gebruikers toe om contact met je op te nemen via een berichtformulier (je E-Mail wordt niet getoond.))
Trackback adres voor deze publicatie

http://www.itpraat.nl/htsrv/trackback.php?tb_id=75