+31 6 3443 9280

info@icyberchic.com

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/fonts/montserrat-light-webfont.woff2’) format(‘woff2’),
    url(‘https://jouwdomein.naam/wp-content/themes/child-theme-map/fonts/montserrat-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.

Geef een reactie

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

Dit wil je ook niet missen:

Hoe scoor ik hoog in Google ~ iCyberchic.com

Hoe scoor ik hoog in Google?

Je zult maar online willen zijn (of gaan), met een website. En dan wil je natuurlijk meteen zo hoog mogelijk scoren in de zoekmachines (lees: Google). Dat is de eerste

Help! Ik krijg de White Page of Death! (In WP op eigen domein) ~ CyberChicsites.nl

Help! Ik krijg de White Page of Death (in WP op eigen domein)

Stel, je installeert een plugin. Of je update die plugin of theme en plots merk je een verandering op. Het kan zijn dat je site een beetje wit uitslaat (de

Wat is nu de perfecte WordPress-theme? ~ iCyberChic.com

Wat is nu de perfecte WordPress-theme?

Tot jouw grote verbazing (nee, echt?) ben ik eigenlijk nooit content met de lay-out van een WordPress-theme. En dat is een understatement. Er zijn natuurlijk veel factoren die maken dat