Beheer je website, Webdesign, website maken, website wordpress, Workshop wordpress, Zelf je website maken

wordpress lettertype tutorial

wordpress lettertype tutorial

niveau: gevorderd

wordpress font size plugin

Tutorial installeren van aparte lettertypes met Cufon

 1. Download de plugin all in one cufon via:

–          Plugin/ nieuwe plugin

all-in-one-cufon

plugin installeren

 

 

 

 

wordpress font replacement

Kijk bij details of de plugin compatible is met de laatste WordPress versie

De plugin zal zich bij de instellingen plaatsen: zie

instellingen wordpress
 

 

 

 

 

 

Nu is het tijd om de fonts te installeren die je graag wilt tonen in de website.

Heb je een aantal aardige fonts?

Zoek via google op free fonts en download een lettertype wilt opnemen.

Misschien heb je zelf ook al een font gekregen van je vormgever voor je huisstijl. Meestal is dit een ttf font.

Maak via dreamweaver of firezilla binnen wp-content/plugins een map die je cufon-fonts noemt en sla het lettertype hierin op.

Change wordpress font size

2. Ga nu naar https://cufon.shoqolate.com/generate/
en maak hier een javascript aan. Dit gaat heel eenvoudig. Via Browse ga je je lettertype uit cufon-fonts uploaden:

cufon plugin

 

 

 

Klik op:

eula

WordPress font size

En klik op:

lets do
wordpress font change

Het javascript plaats je vervolgens in Cufon-fonts mapje en ga je uploaden op de server.

mappenstructuur

 

 

 

 

3. Ga naar je WordPress website en ga weer naar instellingen all-in-one Cufon

instellingen wordpress

 

 

 

 

 

 

 

 

Klik op het font dat nu zichtbaar is geworden, in dit geval avanti:

instellen van cufon fonts

 

 

Plaats hieronder bij Cufon code:

De code het nieuwe lettertype het te laten werken:

Cufon.replace(‘h2’);

Cufon.replace(‘h1’);

Cufon.replace(‘body’);

Cufon.replace(‘a, a:link, a:visited’);

Read More