• +31 6 3443 9280
  • info@cyberchicsites.nl

Hoe zet je een webfont in op je site?

Je opent die site, ziet dat specifieke lettertype en wordt spontaan verliefd. Natuurlijk wil je die font dan ook op jouw eigen site op je eigen domein implementeren.

Dat kan als volgt:

  1. Met deze webfont-generator kun je je favoriete lettertype als webkit laten genereren en downloaden. Verzeker je er wel van, dat je het font ook mág gebruiken, want vaak rust ook daar een copyright op.
  2. Vervolgens pak je het *.zip-bestand na downloaden uit. En zie je diverse bestanden, zoals bijvoorbeeld in onderstaande screenshot:screenshot1De bestanden die ertoe doen, zoals die met de extensies *.woff, *.woff2 en *.ttf kopieer je naar een aan te maken ‘fonts’ map op de server in de child theme map van je child theme, zie als volgt in onderstaande screenshot:screenshot2
  3. Vervolgens kun je in de Customizer CSS van je child theme de font-face als volgt aanroepen:body {
    font-family: ‘montserratlight’;
    }@font-face {
    font-family: ‘montserratlight’;
    src: url(‘https://jouwdomein.naam/wp-content/themes/child-theme-map/fontsmontserrat-light-webfont.woff2’) format(‘woff2’),
    url(‘https://jouwdomein.naam/wp-content/themes/child-theme-map/fontsmontserrat-light-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;
    }

Mocht je nog vragen hebben, dan hoor ik dat natuurlijk graag in de reacties.

Tags:

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Scroll Up