Google-lettertypen insluiten in WordPress-site

Google Fonts is sinds de ontwikkeling in 2010 de go-to-resource geworden voor aangepaste webtypografie. Er zijn drie belangrijke redenen waarom Google hier de koploper werd. Ten eerste waren er geen lettertypeservices die goed genoeg waren, dus Google vulde de leegte. Ten tweede, zelfs in het begin was de variëteit die ze aanboden relatief groot. Momenteel zijn er meer dan 800 lettertypen beschikbaar in tal van stijlen. Ten derde zijn deze lettertypen gratis beschikbaar, wat ze bijzonder aantrekkelijk maakt.

Bovendien zijn ze verrassend eenvoudig te integreren in uw ontwerpprojecten. We laten u zien hoe u deze Google-lettertypen kunt opnemen in uw WordPress-site.

Google-lettertypen

Om te beginnen moet je het lettertype selecteren waarmee je wilt werken. Er zijn verschillende opties, dus je hebt een vrij groot menu om uit te kiezen. Je kunt ze vinden door naar de lettertypepagina van  Google te gaan . Als u op zoek bent naar een specifiek lettertype, typt u gewoon de naam van het lettertype in het vak Zoeken en er zou een voorbeeld moeten verschijnen.

Er zijn ook andere zoekparameters die u kunt gebruiken. Rechts onder het zoekvak bevindt zich een knop met de naam Categorieën. Als u hierop klikt, verschijnt er een vervolgkeuzemenu met vijf opties. Deze zijn als volgt:

  • Serif - Dit zijn lettertypen met korte lijnen die voortkomen uit de bovenste en onderste streken van een letter. Times New Roman en Sylfaen zijn goede voorbeelden.
  • Sans Serif – Zoals de naam al doet vermoeden, zijn dit lettertypen zonder die kleine lijntjes. Ze hebben de neiging om een ​​eenvoudige en schone esthetiek te hebben.
  • Display - Dit zijn wat opvallende lettertypen kan worden genoemd. Ze zijn het beste voor koppen in plaats van lange tekst.
  • Handschrift - Door deze lettertypen lijkt het alsof iemand ze met de hand heeft geschreven. U zult merken dat veel cursief zijn of minder consistente spatiëring hebben.
  • Monospace - Net als een typemachine nemen hun letters dezelfde horizontale breedte in beslag. Ze zijn zeer consequent gespreid.

Daarnaast heb je ook andere opties om uit te kiezen, zoals het selecteren van de taal- en lettertype-eigenschappen. Dit laatste omvat het aantal stijlen, dikte, helling en breedte.

Lettertypen insluiten in WordPress

Als u deze unieke lettertypen in uw WordPress-site wilt opnemen, zijn er verschillende methoden die u kunt proberen.

CSS gebruiken

Klik op het lettertype uit de selectie van Google en u gaat naar de gedetailleerde lettertypepagina. In de rechterbovenhoek staat een "+" teken. Klik daarop en er wordt een zijvenster geopend. Klik op 'Insluiten'.

Nu kunt u op @import klikken. Dit opent de CSS-code die u moet kopiëren. Ga naar de stylesheet van je WordPress-thema en plak deze aan het begin. Zorg ervoor dat u de importlink hebt gekopieerd zonder de 



Leave a Comment

Hoe u Google Chrome kunt dwingen altijd volledige URLs weer te geven

Hoe u Google Chrome kunt dwingen altijd volledige URLs weer te geven

Chrome toont standaard niet de volledige URL. Dit detail interesseert u misschien niet zoveel, maar als u om wat voor reden dan ook de volledige URL wilt weergeven, vindt u gedetailleerde instructies over hoe u Google Chrome de volledige URL in de adresbalk kunt laten weergeven.

Hoe je oude Reddit terugkrijgt

Hoe je oude Reddit terugkrijgt

Reddit veranderde hun ontwerp opnieuw in januari 2024. Het herontwerp is zichtbaar voor desktopbrowsergebruikers en vernauwt de hoofdfeed en biedt links

Hoe inhoud uit leerboeken te kopiëren met Google Lens

Hoe inhoud uit leerboeken te kopiëren met Google Lens

Het typen van je favoriete citaat uit je boek op Facebook kost tijd en zit vol met fouten. Ontdek hoe u Google Lens gebruikt om tekst uit boeken naar uw apparaten te kopiëren.

Fix Server DNS-adres kon niet worden gevonden in Chrome

Fix Server DNS-adres kon niet worden gevonden in Chrome

Soms, wanneer u in Chrome werkt, heeft u geen toegang tot bepaalde websites en krijgt u de foutmelding 'Fix Server DNS-adres kan niet worden gevonden in Chrome'. Hier ziet u hoe u het probleem kunt oplossen.

Beknopte handleiding voor het maken van herinneringen op Google Home

Beknopte handleiding voor het maken van herinneringen op Google Home

Herinneringen zijn altijd het belangrijkste hoogtepunt van Google Home geweest. Ze maken ons leven zeker gemakkelijker. Laten we een korte rondleiding geven over hoe u herinneringen kunt maken op Google Home, zodat u nooit belangrijke boodschappen hoeft te doen.

Netflix: wachtwoord wijzigen

Netflix: wachtwoord wijzigen

Hoe u uw wachtwoord op de Netflix-streamingvideoservice kunt wijzigen met uw favoriete browser of Android-app.

Hoe u de prompt voor het herstellen van paginas in Microsoft Edge kunt uitschakelen

Hoe u de prompt voor het herstellen van paginas in Microsoft Edge kunt uitschakelen

Als u het bericht Pagina's herstellen op Microsoft Edge wilt verwijderen, sluit u gewoon de browser of drukt u op de Escape-toets.

Bitwarden: hoe u uw hoofdwachtwoord kunt wijzigen Tip

Bitwarden: hoe u uw hoofdwachtwoord kunt wijzigen Tip

Als uw Bitwarden-wachtwoordhint verbeterd kan worden, zijn dit de stappen om deze in minder dan een minuut te wijzigen.

Afbeeldingen worden niet weergegeven in Google Doc: waarom en hoe dit op te lossen

Afbeeldingen worden niet weergegeven in Google Doc: waarom en hoe dit op te lossen

Als uw afbeeldingen niet in een Google-document worden weergegeven, kan het probleem verschillende redenen hebben. Hier zijn enkele mogelijke oplossingen

Rijen en kolommen verbergen en zichtbaar maken in Google Spreadsheets

Rijen en kolommen verbergen en zichtbaar maken in Google Spreadsheets

Beheers de toepassing Google Spreadsheets door te leren hoe u kolommen kunt verbergen en zichtbaar maken. U kunt dit doen op zowel computers als mobiele apparaten.