Geen sifr, geen cufon maar Font-face!

De laatste bijdrage van onze (nu ex-)stagiaire Rick Leyten: Na de fijne ervaring met sifr *ahum* besloot ik om te gaan zoeken naar een vervanging en die vond ik!
De makers van font-face maken het zo makkelijk dat echt het geen flash nodig heeft om te functioneren. Sterker nog iedereen met een geupdate browser (op Opera na.. dit komt binnenkort) ziet deze fonts.

Het enige wat je moet doen is in je css-stylesheet het volgende definiëren:

/* Font face */
@font-face {
font-family: GraublauWeb;
font-weight: bold; /* Optioneel */
src: url("jouw-internet-adres/GraublauWebBold.otf") format("opentype");
}

In de src plaats je waar de font zich bevindt, vervolgens definieer je in een html-tag waar deze font zich moet laten zien:

h2 {
    font-family: GraublauWeb;
    font-size: 18px;
}

En violá! Kind kan de was doen..

Bron:

About these ads

Published by

Rick Leyten

Webdesigner, ontwerpt en realiseert websites!

2 thoughts on “Geen sifr, geen cufon maar Font-face!”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s