Google heeft ook lettertypes die je kan gebruiken in je website, deze zijn te vinden op Google fonts. Wil je deze gebuiken in je Joomla en biedt je template deze mogelijkheid niet aan dan kan je deze zelf toevoegen. Het enige wat je moet doen is het font vinden die je wilt gebruiken en twee bestanden aanpassen. Hier volgt beschrijving hoe je dit voor elkaar kan krijgen.
Zoek de font die je wilt gebruiken op Google fonts en klik op de button Quick use. Kies op de volgende pagina voor optie 3, "Add this code to your website" en kopieer deze link.
Voeg deze link in de index.php van je template (dus niet van je Joomla website). Bij de volgende uitleg gebruik ik "templatenaam", dit is dus de naam van de template die je wilt aanpassen. Volg de volgende stappen:
- Ga naar Extensies - Template
- Klik in de kolom Template op je templatenaam
- Klik op index.php
- Scroll naar </head> en plak direct daar boven de link zoals je die op de google fonts pagina hebt gekopieerd
Hierna moet je nog je nog het CSS-bestand van je template aanpassen.
Optie 4, Integrate the fonts into your CSS
Kopieer deze link en voeg deze link toe aan de template.css van je template.
- Ga naar Extensies - Template
- Klik in de kolom Template op je templatenaam
- Klik op de map css
- Klik op template.css
- Zoek in dit bestand naar de regel "body {" en plak daar je css-tekst
Wanneer de titel niet aangepast wordt kan je met Firebug de class daarvan achterhalen (bv. <h2 class="item-title">. Voeg hiervoor een nieuwe class toe aan de template.css. Dit kan je doen door:
- Ga naar onderin in het bestand template.css
- Voeg hier de volgende regels toe:
h2.item-title {
font-family: 'fontnaam', serif
font-size: 28px;