web analytics

Google Web Fonts installeren in Mint/Ubuntu

Print Friendly, PDF & Email

Fonts op je website

Er was een tijd dat je bij het opmaken van je website enkel keuze had uit enkele lettertypes zoals:

  • Verdana
  • Arial (Helvetica)
  • Comic Sans
  • Georgia
  • Impact
  • Tahoma
  • Times New Roman
  • Trebuchet MS

Om een lettertype correct weer te geven in een website moet dat lettertype geïnstalleerd zijn op de betreffende computer. Als je dan als kunstige webdesigner eens een ander font gebruikte bleek al gauw dat de bezoekers van je website een heel ander beeld voorgeschoteld kregen aangezien dat font niet op hun computer stond. In dat geval werd een alternatief lettertype getoond. Vaak was dat Times New Roman. Om dat te voorkomen, werden titel en koppen boven een webpagina in “exotische lettertypes” als afbeelding opgeslagen. Nadeel hiervan was dat afbeeldingen niet door Google geïndexeerd werden en dat heeft een negatieve werking op de SEO.

Wat zijn Google Web Fonts

Google Web Fonts is een verzameling van (op dit moment) zo’n 850 lettertypes die je gratis mag gebruiken op je website. Om de lettertypes in je website te gebruiken, kan je gebruik maken van CSS of Javascript.

Kijk op https://developers.google.com/fonts/docs/getting_started om te zien hoe je Google Web Fonts integreert in je website.

Wens je Google Web Fonts in WordPress gebruiken, kan je gebruik maken van speciale plug-ins of van Themes die de Google Web Fonts reeds ondersteunen.

Hoe zitten Google Web Fonts technisch in elkaar?

Alle lettertypes die via Google Web Fonts worden aangeboden, worden door Google online gehost op haar servers. Door wat speciale codes en een verwijzing naar het gewenste font in je website op te (laten) nemen, worden die fonts als het ware door jouw website “opgehaald” en aan de bezoeker getoond. Daardoor is het niet meer nodig dat het lettertype in kwestie op de PC van je websitebezoeker aanwezig is — Google doet het werk.

Hoe zien die Google Fonts er uit

Op https://fonts.google.com/ vind je de totale lijst van Google Web Fonts.

Waarom Google Fonts ook op je eigen systeem installeren?

Het kan vreemd lijken om op je eigen systeem Google Web Fonts te willen installeren, maar voor iemand die bv. via Scribus aan DTP doet, kunnen deze fonts een heel ander cachet geven aan de opmaak.

Een andere reden – en dat is waarom ik de Google Web Fonts lokaal installeer – is dat ik nogal veel met Google Docs werk, onder meer voor mijn presentaties. In die presentaties maak je sowieso gebruik van de Google Web Fonts, want dat zijn de standaard fonts onder Google Docs. Wanneer ik echter de presentatie exporteer naar een LibreOffice Impress formaat, dan is de ganse lay-out om zeep, daar LibreOffice enkel gebruik maakt van lokaal geïnstalleerde fonts.

Pagina in Google Presentations

Zelfde pagina, maar nu in Libre Office Impress

Om de presentatie die oorspronkelijk gemaakt werd in Google Presentations foutloos in LibreOffice Impress af te spelen, ben ik dus verplicht om de Google Web Fonts te downloaden en te installeren op mijn eigen systeem.

Hoe Google Web Fonts lokaal te installeren.

Aangezien ik de enige ben die op mijn systeem werk, zal ik de Google Web Fonts lokaal in mijn /home map installeren.

Check voor en desgevallend installeer het pakket fontconfig

Normaal is dat pakket standaard geïnstalleerd, maar mocht het niet zo zijn, dan kan je het altijd installeren.

Check of het pakket bestaat

sudo dpkg -l |grep fontconfig

Als het programma niet bestaat, dan kan je het installeren via

sudo apt-get install fontconfig

Maak je lokale fonts-map aan

De nieuwe fonts gaan we in een verborgen map ~/.fonts plaatsen. Maak deze map aan.

mkdir ~/.fonts

Download alle Google Web Fonts in de map ~/.fonts

Voeg onderstaande commando uit om resp. naar de map ~/.fonts te gaan, daar het zipbestand met alle Google Web Fonts te downloaden om het finaal daar te unzippen.

cd ~/.fonts
wget https://github.com/google/fonts/archive/master.zip
unzip master.zip

Werk de font cache bij

Laat het systeem weten dat er nieuwe fornts aanwezig zijn door onderstaand commando

fc-cache -fv

Na enkele minuutjes heeft het commando de font cache terug bijgewerkt en kan je de Google Web Fonts nu gebruiken in bv. Gimp, LibreOffice, Scribus, Inkscape, ….

Dit is hetzelfde bestand in Libre Office maar nu nadat de Google Web Fonts geïnstalleerd werden.

LibreOffice Impress met Google Web Fonts

 

 

2 Reacties

  1. Franz ulenaers

    Interessant

    Reageren
    1. BoBvDv

      Heel interessant artikel Alain

      Reageren

Geef een reactie

%d bloggers liken dit: