1. Maak een Typekit account aan

Om Typekit te kunnen gebruiken moet u eerst een account aanmaken op www.typekit.com hierbij kunt u kiezen tussen een aantal betaalde en een gratis versie.

2. Typekit lettertype selecteren en selector aanmaken

Login met uw account op www.typekit.com > blader door de fonts en klik op 'Add to Typekit' bij het font dat u wilt gebruiken > klik op 'Launce Typekit' en type bij 'selectors' de naam van de CSS class die u wilt aanpassen > klik op 'publish'.

CSS classes die worden gebruikt in UP 'N' RUNNING:
#header: lettertype in de header
.buttons: lettertype in hoofdnavigatie
#main: lettertype dat wordt gebruik in content-elementen
#main h1: Titel van content-element
#main h2: subtitel van content-element
#sidebarnews: lettertype in sidebar

3. Typekit activeren in het CMS

Klik in het CMS op geavanceerde instellingen (het slotje):


Klap 'instellingen: opmaak & extra html opties' open > klik op 'activeer module: typekit' en zet 'activeer typekit' (1) op 'ja'.

Log vervolgens in op de website van Typekit (www.typekit.com) > klik op 'Launch Kit Editor' > 'Embeded Codes' en kopieer de code helemaal onder aan het scherm (2). Dit is een unieke code en verschilt dus per gebruiker.



Plak deze code in het CMS in het veld 'typekit id' (2). En sla vervolgens de wijzigingen op.

4. Zet font-family op 'none' in het CMS

Klik op 'kleurstelling' > 'header' > zet 'font-family' op 'none' > klik op 'opslaan'. Herhaal deze stap voor elk elk onderdeel van de website waarvoor u dit lettertype wilt gebruiken.

Troubleshouter

Voor elk onderdeel van de website waarvoor u een Typekit lettertype wilt gebruiken moet:

1. voeg css class toe aan Typekit selector
2. zet font-family op 'none' in het CMS