Google Fonts gebruiken in Joomla

Google heeft ook lettertypes die je kan gebruiken in je website, deze zijn te vinden op https://www.google.com/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 https://www.google.com/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.google fonts

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;