Voeg een aangepast lettertype toe
1) Upload lettertypebestanden naar uw website, bijvoorbeeld naar ... / wp-content / uploads / fonts / of uw child-themamap, zorg ervoor dat u webfonts uploadt, u kunt webfont-bestanden genereren hier
2)Voeg vervolgens @ font-face toe in Thema-optie> Geavanceerd> Aangepaste CSS op deze manier:
@ font-face {font-family: 'Gruppo'; src: url ('/ wp-content / uploads / fonts / Gruppo_reg.eot'); src: url ('/ wp-content / uploads / fonts / Gruppo_reg.eot ') formaat (' embedded-opentype '), url (' / wp-content / uploads / fonts / Gruppo_reg.woff ') formaat (' woff '), url (' / wp-content / uploads / fonts / Gruppo_reg.ttf ') formaat (' truetype '), url (' / wp-content / uploads / fonts / gruppo_reg.svg#Gruppo ') formaat (' svg ');}
3) Voeg een nieuw lettertype toe aan de lijst met lettertypen voor thema-opties
Voeg de volgende code toe aan het einde van uw kind thema functions.php-bestand:
function add_custom_font ($fonts) {$fonts ['Gruppo'] = 'Gruppo'; // om meer lettertypen toe te voegen, definieer ze gewoon op deze manier // $fonts ['my-font-family'] = 'my-font-name'; return $fonts;} add_filter ('presscore_options_get_safe_fonts', 'add_custom_font', 30, 1);
Waar is mijn-lettertype-familie , het is een lettertypefamilie die u in de lettertype css en mijn-lettertype-naam het is een lettertypenaam die u zult zien in de lijst met thema-lettertypen.
Nu is dit lettertype beschikbaar in Thema-opties> Typografie> lettertypenlijst.
Opmerking: als u een lettertype met een gewicht wilt specificeren, kunt u dit doen met behulp van de volgende code-notatie in de functie add_custom_font ().
$fonts ['Gruppo: 500'] = 'Gruppo (500)'; // voor 500 weight$fonts ['Gruppo: 700'] = 'Gruppo (700)'; // voor 700 gewicht
Als alternatief (in plaats van stap 3), kunt u ook lettertype toepassen met aangepaste CSS, maar u zult het op veel verschillende selectors moeten toepassen, afhankelijk van uw vereisten.
body, p, h1, h2 {
font-family: 'Gruppo' !important;
Adobe Typekit-lettertype toevoegen
1) Voeg het script van typekit toe aan Thema-opties -> Geavanceerd -> Aangepast JavaScript.
2) Volg stap 3 hierboven.
NL 
EN