Google fonts in Joomla templates

Een mooi lettertype kan je website extra uitstraling geven. En tegenwoordig is het niet meer zo moeilijk om een mooi lettertype in te passen in je Joomla template.

Google Fonts

Google biedt een hele verzameling mooie lettertypes aan, de zogenaamde Google Fonts. Je kunt vrij eenvoudig deze lettertypes gebruiken in Joomla. In principe heb je aan één regel code genoeg om het gewenste lettertype te laden in je template.

Wat wel een uitdaging kan zijn, is het toepassen van het lettertype in de css code van het template. Elk template is weer anders, dus je zult in de css code op zoek moeten naar de gebruikte lettertypes, zodat je ze kunt aanpassen naar Google fonts. Hierbij kan de firefox addon firebug van nut zijn.

Maar als je even doorpuzzelt, zal het vast lukken de Google fonts toe te passen in je template en zo je website een nog mooiere uitstraling te geven.

Hoe je de Google lettertypes inbouwt in je template, zie je in de onderstaande video.

Reacties  

#9 Piet Meijer 22-05-2017 15:36
Grandioos filmpje! Ik ga zeker knutselen.
Citeer
#8 Saskia 17-01-2016 13:58
Saskia zei:
Heldere uitleg! Ik wil ook het font van de site-title wijzigen, echter met firebug wordt een locatie aangegeven die ik niet kan vinden. Kun jij me helpen?

h1, h2, h3, h4, h5, h6, .site-title {
font-family: playfair display;
}

/map/(regel 30)


Ik heb het al gevonden en aangepast!
Citeer
#7 Saskia 17-01-2016 13:35
Heldere uitleg! Ik wil ook het font van de site-title wijzigen, echter met firebug wordt een locatie aangegeven die ik niet kan vinden. Kun jij me helpen?

h1, h2, h3, h4, h5, h6, .site-title {
font-family: playfair display;
}

/map/(regel 30)
Citeer
#6 Dennis 21-10-2014 14:20
Zeer bedankt voor de moeite voor deze heldere uitleg. Gelijk toegepast.
Citeer
#5 Daan 27-04-2014 18:20
Hoi Mindert,
Duidelijke en nuttig info weer.
Maar het is toch ook mogelijk om met F5 te zoeken naar de juiste regel in index.php en CSS bestanden?
Volgens mij ben je dan veel sneller op de juiste regel, vooral als je niet zo snel deze html regels kan lezen.
Citeer
#4 Mindert_ 18-04-2014 13:27
Sjef Koppens zei:
Het is weer duidelijk uitgelegd, maar toch even een vraag, voor de zekerheid, het is op deze manier dus niet meer verplicht om het lettertype op je eigen pc/laptop geïnstalleerd te hebben in de map Fonts?
Dat is mooi.

Klopt, bij openen van de website wordt het font gedownload van google.
Citeer
#3 Sjef Koppens 18-04-2014 13:14
Het is weer duidelijk uitgelegd, maar toch even een vraag, voor de zekerheid, het is op deze manier dus niet meer verplicht om het lettertype op je eigen pc/laptop geïnstalleerd te hebben in de map Fonts?
Dat is mooi.
Citeer
#2 Peter Lieberwirth 18-04-2014 12:50
Mindert, ik dacht al goed geïnformeerd te zijn maar deze kende ik nog niet!?
Dus er g bedankt voor deze nuttige tip waarmee wij het klanten nog meer naar hun zin kunnen maken!
Citeer
#1 Ruud 18-04-2014 12:42
Een heel nuttige tip om de artikelen op je website eindelijk eens helemaal naar eigen wens op te maken
Citeer

Plaats reactie

Beveiligingscode
Vernieuwen