Hoe krijg je speciale lettertypes in je website?

vrijdag, 28 oktober 2011 | door +Sigrid de Jong | 1 Reactie » |

 

Zie je de letters boven mijn e-book? met de tekst “gratis e-book”, die zijn in het font/ lettertype realy beany en dat is geen standaard lettertype, toch is het in op elke computer en elke browser zichtbaar. Zeg het me als het niet zo is, want woorden als altijd en overal zijn gevaarlijk, in ieder geval zien mensen met Internet Explorer het ook. Gebruik je IE? ga ik nog wat over schrijven.

Hoe heb ik dat lettertype er in gekregen? Voor de snelle jongens, bekijk gewoon mijn bron code en kopieer die.

Wat is het?

Het lettertype is een lettertype van google webfonts. Bij google webfonts kun je een aantal lettertypes kiezen, op dit moment 280.

Hoe doe je het?

Als je er een hebt gekozen klik je op Use, je krijgt dan een code te zien. Deze code kopieer je en plak je in header van je website, dus tussen <head> en </head>.

Voor realy beany is de code:

<link href=’http://fonts.googleapis.com/css?family=Reenie+Beanie’ rel=’stylesheet’ type=’text/css’>

Daarna gebruik je het lettertype in je website zoals je ook andere lettertypes gebruikt. De letters die je in dit lettertype wilt weergeven.

Zet in je stylescheet

p.beanie { font-family: ‘Reenie Beanie’, cursive;

}

en op je website waar je de tekst in dit lettertype wilt hebben schrijf je:

<p class=”beanie”>Bla bla bla, de tekst die je in dit lettertype wilt hebben.</p>

 

Je kunt ook meerdere lettertypes van google web fonds in je website gebruiken, selecteer eerst alle fonts die je wilt gebruiken en klik dan op use. Je krijgt dan de code om al die lettertypes in je site te gebruiken. Het beruik van de lettertypes is hetzelfde.

 

Hoe werkt het?

Wat er gebeurt is dat het lettertype vanaf google webfonts in de browser wordt geladen. Het lettertype hoeft dus niet bij de bezoeker van je site op de computer te staan en het lettertype wordt ook niet op de computer van de bezoeker gedownload, opgeslagen en vanaf daar gebruikt.

Meer uitleg vind je op: website-lettertype.html en natuurlijk de uitleg op de website van google web fonts zelf.


Één Reactie op "Hoe krijg je speciale lettertypes in je website?"

  1. He bedankt voor je uitleg. Nu is het wel gelukt.

    Gr

    Martina

Reageer:




Heldere Ster, Burchtstraat 28, 3000, Leuven (België) | Tel: 0032488333934 |

| © 2010-2012 door +Sigrid de Jong, Alle rechten voorbehouden. |