{"id":63417,"date":"2025-09-25T09:27:16","date_gmt":"2025-09-25T07:27:16","guid":{"rendered":"https:\/\/kinqsta.com\/nl\/?p=63417&#038;preview=true&#038;preview_id=63417"},"modified":"2025-09-29T10:10:16","modified_gmt":"2025-09-29T08:10:16","slug":"variabele-lettertypes","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/","title":{"rendered":"Variabele lettertypes gebruiken in WordPress thema&#8217;s"},"content":{"rendered":"<p>Sinds de introductie van <a href=\"https:\/\/kinqsta.com\/nl\/blog\/web-safe-fonts\/\">webfonts \/ weblettertypes<\/a> in 2009 kunnen webdesigners profiteren van een rijke verzameling typografische paletten. Deze lettertypes werden grotendeels gebruikt via de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-css\/\">CSS<\/a> <code>@fontface<\/code> at-rule, waardoor ontwerpers een manier hadden om los te komen van web-safe (systeem) lettertypes.<\/p>\n<p>Er waren (en zijn) verschillende lettertypebestandsindelingen beschikbaar van grote lettertype-producenten, met name <a href=\"https:\/\/kinqsta.com\/nl\/blog\/beste-google-fonts\/\">Google Fonts<\/a>.<\/p>\n<p>In die tijd betekende het gebruik van webfonts dat je moest werken met aparte bestanden voor elk gewicht en elke stijl. Bestandsnamen zoals de volgende maakten bijvoorbeeld duidelijk hoe het lettertype in gebruik zou worden weergegeven:<\/p>\n<pre><code class=\"language-bash\">Roboto-Italic.woff2\nLato-BoldItalic.woff2\nOpenSans-SemiBold.ttf\nWorkSans-ExtraBold.ttf<\/code><\/pre>\n<p>Elke variatie moest dan als een eigen bestand worden geladen. Dit maakte de pagina zwaarder, vereiste meer HTTP verzoeken en maakte het kiezen en toepassen van lettertypen in een ontwerp ingewikkelder.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Een snelle opfrisser nodig over weblettertypen? Bekijk onze inleiding: <em><a href=\"https:\/\/kinqsta.com\/nl\/blog\/zo-verander-je-het-lettertype-in-wordpress\/#terminology\">Lettertypen wijzigen in WordPress (en lettergrootte, kleur en optimalisatie wijzigen)<\/a><\/em>.<\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>De opkomst van variabele lettertypen<\/h2>\n<p>In 2016 kwam er een grote doorbraak in digitale typografie: variabele lettertypes. Ze zijn gezamenlijk ontwikkeld door Google, Apple, Adobe en Microsoft en zijn snel doorgedrongen tot de mainstream.<\/p>\n<p>Het onderscheidende kenmerk van een variabel lettertype is dat het elk van de volgende elementen kan bevatten, die elk een axis worden genoemd:<\/p>\n<table>\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>CSS axis<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\"><strong>CSS property<\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">weight<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-weight<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">style<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-style: italic<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">slant<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-style: oblique<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">stretch<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-stretch<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Optical Size axis (opsz)<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-variations-setting<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Het meest gebruikte bestandsformat is <code>.woff2<\/code> (Web Open Font Format), een sterk gecomprimeerd format dat in 2018 een <a href=\"https:\/\/www.w3.org\/blog\/2018\/wcag21-rec\/\">W3C-aanbeveling<\/a> werd. Hoewel formats zoals <code>.ttf<\/code> en <code>.otf<\/code> kunnen worden gebruikt als variabel lettertype, is het meest effici\u00ebnte format <code>.woff2<\/code>. Alle moderne browsers ondersteunen variabele lettertypen.<\/p>\n<p>Voor de duidelijkheid maken we hier onderscheid tussen &#8220;webfonts&#8221; en &#8220;variabele lettertypes&#8221;. In de praktijk zie je echter vaak variabele lettertypes op \u00e9\u00e9n hoop gegooid worden met webfonts.<\/p>\n<h3>Waarom variabele lettertypes gebruiken?<\/h3>\n<p>Er zijn drie belangrijke redenen om variabele lettertypes te gebruiken in je projecten:<\/p>\n<ol start=\"1\">\n<li><strong>Betere prestaties:<\/strong> In plaats van meerdere aparte lettertypebestanden aan te roepen (Regular, Bold, Italic, enz.), kan \u00e9\u00e9n variabel lettertypebestand ze allemaal dekken. Dat betekent minder <a href=\"https:\/\/kinqsta.com\/blog\/what-is-an-http-request\/\">HTTP verzoeken<\/a> en snellere laadtijden.<\/li>\n<li><strong>Ontwerpflexibiliteit:<\/strong> Variabele lettertypes geven je veel betere controle. In plaats van vast te zitten aan <code>font-weight: 500<\/code> of <code>600<\/code> kun je bijvoorbeeld een aangepaste waarde instellen zoals <code>532<\/code>.<\/li>\n<li><strong>Responsieve typografie:<\/strong> Omdat variabele lettertypes zich soepel kunnen aanpassen, kun je typografie maken die reageert op verschillende apparaten. Een goed voorbeeld: <code>font-weight: clamp()<\/code> gebruiken om het gewicht te schalen tussen viewports, zonder de abrupte &#8220;sprongen&#8221; die je zou krijgen met statische lettertypebestanden.<\/li>\n<\/ol>\n<h2>Hoe WordPress variabele lettertypen gebruikt<\/h2>\n<p>Met de release van <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-6-1\/\">WordPress 6.1<\/a> in november 2022 werd ondersteuning voor variabele lettertypen toegevoegd aan het <code>theme.json<\/code> systeem. De eerste demonstratie hiervan was in het <a href=\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-three-thema\/\">Twenty Twenty-Three<\/a> thema.<\/p>\n<h3>Een thema aanpassen met variabele lettertypen<\/h3>\n<p>Wanneer we werken met een <a href=\"https:\/\/kinqsta.com\/nl\/blog\/child-thema-wordpress\/\">childthema<\/a> van TT5, beginnen we met het enqueen van de stijlen van zowel het parent- als childthema.<\/p>\n<p>Om ervoor te zorgen dat onze custom lettertypes consistent verschijnen in zowel de editor als op de front-end, enqueuen we ook een <code>fonts.css<\/code> bestand dat de benodigde <code>@font-face<\/code> declaraties bevat.<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/\/ enqueue parent and child styles\nadd_action('wp_enqueue_scripts', function() {\n   wp_enqueue_style(\n       'parent-style',\n       get_template_directory_uri() . '\/style.css'\n   );\n\n   wp_enqueue_style(\n       'child-style',\n       get_stylesheet_uri(),\n       array('parent-style'),\n       wp_get_theme()-&gt;get('Version')\n   );\n\n   \/\/ enqueue custom fonts\n   wp_enqueue_style(\n       'child-fonts',\n       get_stylesheet_directory_uri() . '\/fonts.css',\n       array(),\n       wp_get_theme()-&gt;get('Version')\n   );\n});<\/code><\/pre>\n<p>Zoals altijd hangt het van het thema zelf af hoe je scripts enqueet. Er is niet \u00e9\u00e9n standaardmethode.<\/p>\n<p>Om er zeker van te zijn dat we ons childthema goed hebben ingesteld, voeren we deze test uit in <code>styles.css<\/code>:<\/p>\n<pre><code class=\"language-css\">body { background: #0000ff; }<\/code><\/pre>\n<h3>Lettertypen toevoegen met theme.json<\/h3>\n<p>TT5 bevat standaard al twee variabele lettertypen: <a href=\"https:\/\/fonts.google.com\/specimen\/Manrope\">Manrope<\/a> en <a href=\"https:\/\/fonts.google.com\/specimen\/Fira+Code\">Fira Code<\/a>. Laten we voor dit voorbeeld <a href=\"https:\/\/fonts.google.com\/specimen\/Vollkorn\">Vollkorn<\/a> toevoegen en dit het standaard lettertype voor headers maken met een gewicht van 600.<\/p>\n<p>Hier is het relevante deel van <code>theme.json<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n  \"$schema\": \"https:\/\/schemas.wp.org\/wp\/6.7\/theme.json\",\n  \"version\": 3,\n  \"settings\": {\n    \"appearanceTools\": true,\n    \"typography\": {\n      \"fontFamilies\": [\n        {\n          \"name\": \"Manrope\",\n          \"slug\": \"manrope\",\n          \"fontFamily\": \"Manrope, sans-serif\",\n          \"fontFace\": [\n            {\n              \"fontFamily\": \"Manrope\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/manrope\/Manrope-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"200 800\",\n              \"fontStyle\": \"normal\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Fira Code\",\n          \"slug\": \"fira-code\",\n          \"fontFamily\": \"\"Fira Code\", monospace\",\n          \"fontFace\": [\n            {\n              \"fontFamily\": \"\"Fira Code\"\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/fira-code\/FiraCode-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"300 700\",\n              \"fontStyle\": \"normal\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Vollkorn\",\n          \"slug\": \"vollkorn\",\n          \"fontFamily\": \"Vollkorn, serif\",\n          \"fontFace\": [\n            {\n              \"fontFamily\": \"Vollkorn\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"400 900\",\n              \"fontStyle\": \"normal\"\n            },\n            {\n              \"fontFamily\": \"Vollkorn\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-Italic-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"400 900\",\n              \"fontStyle\": \"italic\"\n            }\n          ]\n        }\n      ],\n      \"customFontSize\": true,\n      \"fluid\": true\n    }\n  },\n  \"styles\": {\n    \"typography\": {\n      \"fontFamily\": \"var:preset|font-family|manrope\"\n    },\n    \"elements\": {\n      \"heading\": {\n        \"typography\": {\n          \"fontFamily\": \"var:preset|font-family|vollkorn\",\n          \"fontWeight\": \"600\"\n        }\n      }\n    }\n  }\n}<\/code><\/pre>\n<p>Het resultaat is het verschijnen van het Vollkorn lettertype op de hele site.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/vollkorn-in-wp.png\" alt=\"Vollkorn font nu beschikbaar in de WordPress Font Library.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Vollkorn font nu beschikbaar in de WordPress Font Library.<\/figcaption><\/figure>\n<p>Een aantal dingen om op te merken:<\/p>\n<ul>\n<li>Misschien wil je de Manrope en Fira codebestanden naar je child kopi\u00ebren voor het geval TT5 wordt bijgewerkt met nieuwe paden naar de bestanden.<\/li>\n<li>Het lijkt misschien dat de code voor deze lettertypen overbodig is, omdat ze al geregistreerd zijn door het parentthema. Toch is het belangrijk om ze te declaren in je childthema. Dit zorgt ervoor dat ze correct worden weergegeven in de Font Library UI en beschikbaar blijven, zelfs als het parentthema wordt bijgewerkt met nieuwe bestandspaden of wijzigingen.<\/li>\n<li>We verwijzen naar twee verschillende Vollkorn bestanden.<\/li>\n<\/ul>\n<h3>Zorgen dat lettertypen correct laden<\/h3>\n<p>Soms worden lettertypen niet goed weergegeven op de voorkant totdat je ze hebt gedeclared in CSS. Hier is een typische <code>styles.css<\/code>:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: TT5 Child\nTemplate: twentytwentyfive\nVersion: 1.0\n*\/\n\n\/* Ensure fonts are loaded and applied *\/\nbody {\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n               Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n}\n\ncode,\npre {\n  font-family: 'Fira Code', 'Courier New', monospace;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: 'Vollkorn', 'Times New Roman', serif;\n}<\/code><\/pre>\n<p>En in <code>fonts.css<\/code> declaren we de lettertypebestanden met <code>@font-face<\/code>. Dit zorgt ervoor dat de browser weet welke lettertypen geladen en toegepast moeten worden. Als je <strong>echt<\/strong> kritieke lettertypen wil preloaden<b> <\/b>(bijvoorbeeld het lettertype van je primaire header), kun je ook een <code>&lt;link rel=\"preload\"&gt;<\/code> toevoegen aan de <code>&lt;head&gt;<\/code> van de site via <a href=\"https:\/\/developer.wordpress.org\/plugins\/hooks\/\">WordPress hooks<\/a>. In de meeste gevallen biedt de regel <code>@font-face<\/code> met <code>font-display: swap<\/code> een goede balans tussen prestaties en gebruikerservaring.<\/p>\n<pre><code class=\"language-css\">\/* Preload critical fonts for better performance *\/\n@font-face {\n  font-family: 'Manrope';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/manrope\/Manrope-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Fira Code';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/fira-code\/FiraCode-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Vollkorn';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Vollkorn';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-Italic-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: italic;\n  font-display: swap;\n}<\/code><\/pre>\n<p>Het resultaat is een pagina waar de koppen standaard Vollkorn zijn met een lettertypegewicht van 600.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/using-vollkorn.png\" alt=\"Vollkorn font ingesteld als standaard heading font in WordPress editor.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Vollkorn font ingesteld als standaard heading font in WordPress editor.<\/figcaption><\/figure>\n<p>Als je dat liever hebt, kun je de <code>@font-face<\/code> at-regels opnemen in <code>styles.css<\/code>. Dit zou ook de noodzaak wegnemen om het bestand <code>fonts.css<\/code> te enqueuen.<\/p>\n<h2>Het gebruikers gemakkelijk maken om lettertypegewichten te kiezen<\/h2>\n<p>Een van de grootste voordelen van variabele lettertypes is dat gewichten niet beperkt zijn tot vaste stappen zoals 400 of 600. Je kunt elke waarde tussen <strong>100-900<\/strong> gebruiken. Het addertje onder het gras is dat WordPress geen UI biedt voor het kiezen van deze custom gewichten.<\/p>\n<p>Om dit op te lossen hebben we een <strong>minimale plugin<\/strong> gemaakt met de naam <em>Font Weight Options<\/em>. Deze voegt een instellingenpagina toe onder <b>Appearance <\/b>&gt; <strong>Font Weight<\/strong>, waar je custom gewichten kunt defini\u00ebren voor bodytekst, headers en codeblokken.<\/p>\n<p>Hier is een verkorte weergave van de kernlogica:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Plugin Name: Font Weight Options\n *\/\n\nclass Font_Weight_Options {\n    public function __construct() {\n        add_action( 'admin_menu', array( $this, 'add_admin_menu' ) );\n        add_action( 'wp_head', array( $this, 'apply_font_weights_frontend' ) );\n    }\n\n    public function add_admin_menu() {\n        add_theme_page(\n            __( 'Font Weight Settings', 'font-weight-options' ),\n            __( 'Font Weight', 'font-weight-options' ),\n            'manage_options',\n            'font-weight-settings',\n            array( $this, 'render_admin_page' )\n        );\n    }\n\n    public function apply_font_weights_frontend() {\n        $weights = get_option( 'fwo_font_weights', array(\n            'body' =&gt; 400,\n            'headings' =&gt; 600,\n            'code' =&gt; 400,\n        ) );\n\n        echo \"&lt;style&gt;\n            body { font-weight: {$weights['body']} !important; }\n            h1, h2, h3, h4, h5, h6 { font-weight: {$weights['headings']} !important; }\n            code, pre { font-weight: {$weights['code']} !important; }\n        &lt;\/style&gt;\";\n    }\n}\n\nnew Font_Weight_Options();<\/code><\/pre>\n<p>Het bovenstaande fragment toont de kernlogica. We hebben de volledige <a href=\"https:\/\/gist.github.com\/olawanlejoel\/964409d74b71fb98e36b56179b8b09ec\">broncode<\/a> gepubliceerd op GitHub Gist als je de volledige plugin wilt zien, inclusief het instellingenformulier en de validatie.<\/p>\n<p>De volledige versie voegt toe:<\/p>\n<ul>\n<li>Standaard waarden bij het activeren van de plugin<\/li>\n<li>Een eenvoudig admin-instellingenformulier met nummervelden (100-900)<\/li>\n<li>Validatie om waarden binnen bereik te houden<\/li>\n<li>Uitvoer van de gewichten in zowel de blokeditor als de frontend<\/li>\n<\/ul>\n<p>Het resultaat is deze nieuwe pagina in onze WP Admin, waarmee gebruikers waarden voor het lettertypegewicht kunnen instellen voor onze drie lettertypen. We hebben drie &#8220;niet-standaard&#8221; waarden gekozen.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/new-font-weight.png\" alt=\"Nieuwe instellingenpagina voor lettertypegewichten in het WordPress admin dashboard.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Nieuwe instellingenpagina voor lettertypegewichten in het WordPress admin dashboard.<\/figcaption><\/figure>\n<p>Het resultaat is een pagina met deze corresponderende lettertypegewichten die worden weergegeven zoals verwacht in de pagina-editor en front-end.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/test-fonts-wp.png\" alt=\"Pagina in WordPress admin met drie lettertypen met hun toegewezen breedtes.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Pagina in WordPress admin met drie lettertypen met hun toegewezen breedtes.<\/figcaption><\/figure>\n<h2>Een vriendelijkere, eenvoudigere manier om een enkel variabel lettertype toe te voegen<\/h2>\n<p>Als je dit allemaal teveel vond, hebben we een alternatief dat niet volledig is, maar wel een snelle manier is om elk type lettertype in je thema te krijgen.<\/p>\n<p>Gebruikers kunnen eenvoudig Google Fonts toevoegen via de lettertypenbibliotheek. Als dat je voorkeur heeft, kijk dan eens naar ons artikel over <a href=\"https:\/\/kinqsta.com\/nl\/blog\/beste-google-fonts\/?utm_source=chatgpt.com\">15 beste Google lettertypen volgens de statistieken (plus tips om ze te gebruiken)<\/a>, dat je zal helpen.<\/p>\n<p>Maar wat als je de voorkeur geeft aan iets anders dan een Google Font? Er zijn veel manieren om open source lettertypen met de juiste licenties te krijgen voor je projecten. Wij gingen naar GitHub om <a href=\"https:\/\/github.com\/adobe-fonts\/source-sans\/blob\/release\/VF\/SourceSans3VF-Upright.otf\">SourceSans3VF-Upright<\/a> te krijgen, een Adobe lettertype.<\/p>\n<p>Ons doel is om dit te gebruiken als optioneel lettertype dat correct wordt weergegeven in de editor en frontend.<\/p>\n<p>Het lettertypebestand is geplaatst in de map <code>\/assets\/fonts<\/code> van ons childthema. Van daaruit hebben we <code>functions.php<\/code> gemaakt.<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Enqueue parent and child theme styles.\n *\/\nfunction twentytwentyfive_kinstachild_enqueue_styles() {\n    \/\/ Parent theme style.\n    wp_enqueue_style(\n        'twentytwentyfive-style',\n        get_parent_theme_file_uri( 'style.css' ),\n        array(),\n        wp_get_theme()-&gt;get( 'Version' )\n    );\n\n    \/\/ Child theme style.\n    wp_enqueue_style(\n        'twentytwentyfive-child-style',\n        get_stylesheet_uri(),\n        array( 'twentytwentyfive-style' ),\n        wp_get_theme()-&gt;get( 'Version' )\n    );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwentyfive_kinstachild_enqueue_styles' );\n\n\/**\n * Enqueue child theme styles in the editor.\n *\/\nadd_action( 'after_setup_theme', function() {\n    add_editor_style( 'style.css' );\n} );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Merk op dat we in deze eenvoudigere opzet de custom lettertypen niet handmatig enqueuen. Dat komt omdat variabele lettertypen die zijn gedefinieerd in <code>theme.json<\/code> automatisch worden verwerkt door WordPress, zolang ze correct zijn gedeclared. Dit is een van de voordelen van het gebruik van het blokthema systeem.<\/p>\n<\/aside>\n\n<p>Net als in het vorige voorbeeld moet ons <code>theme.json<\/code> bestand verwijzen naar de Manrope en Fira Code van de parent. Als we die weglaten, verwijderen we ze uit ons thema.<\/p>\n<pre><code class=\"language-json\">{\n  \"$schema\": \"https:\/\/schemas.wp.org\/wp\/6.7\/theme.json\",\n  \"version\": 3,\n  \"settings\": {\n    \"typography\": {\n      \"fontFamilies\": [\n        {\n          \"name\": \"Manrope\",\n          \"slug\": \"manrope\",\n          \"fontFamily\": \"Manrope, sans-serif\",\n          \"fontFace\": [\n            {\n              \"src\": [\n                \"file:..\/twentytwentyfive\/assets\/fonts\/manrope\/Manrope-VariableFont_wght.woff2\"\n              ],\n              \"fontWeight\": \"100 900\",\n              \"fontStyle\": \"normal\",\n              \"fontFamily\": \"Manrope\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Fira Code\",\n          \"slug\": \"fira-code\",\n          \"fontFamily\": \"\"Fira Code\", monospace\",\n          \"fontFace\": [\n            {\n              \"src\": [\n                \"file:..\/twentytwentyfive\/assets\/fonts\/fira-code\/FiraCode-VariableFont_wght.woff2\"\n              ],\n              \"fontWeight\": \"100 900\",\n              \"fontStyle\": \"normal\",\n              \"fontFamily\": \"\"Fira Code\"\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Source Sans 3\",\n          \"slug\": \"source-sans-3\",\n          \"fontFamily\": \"\"Source Sans 3\", sans-serif\",\n          \"fontFace\": [\n            {\n              \"src\": [\n                \"file:.\/assets\/fonts\/SourceSans3VF-Upright.woff2\"\n              ],\n              \"fontWeight\": \"100 900\",\n              \"fontStyle\": \"normal\",\n              \"fontFamily\": \"Source Sans 3\"\n            }\n          ]\n        }\n      ]\n    }\n  }\n}<\/code><\/pre>\n<p>Onthoud dat je nog steeds een basis <code>styles.css<\/code> bestand nodig hebt om de essenti\u00eble metadata op te nemen die WordPress vertellen dat je met een childthema werkt.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Of je nu kiest voor een volledig custom setup of een snelle integratie, variabele lettertypen in WordPress bieden een krachtige manier om de typografie van je site te verbeteren. Ze verbeteren de prestaties, verminderen de complexiteit en geven je responsieve, flexibele ontwerpopties die simpelweg niet mogelijk zijn met traditionele statische lettertypen.<\/p>\n<p>Om hun volledige potentieel te benutten, moet je misschien een custom UI maken die de variabele assen (zoals gewicht, schuinte of optische grootte) laat zien en site-eigenaren meer controle geeft.<\/p>\n<p>Als je een WordPress site bouwt op <a href=\"https:\/\/kinqsta.com\/nl\/wordpress-hosting\/\">het hostingplatform van Kinsta<\/a>, profiteer je ook van hun prestatiegerichte infrastructuur, waardoor het nog gemakkelijker wordt om moderne middelen zoals variabele lettertypen effici\u00ebnt aan te bieden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sinds de introductie van webfonts \/ weblettertypes in 2009 kunnen webdesigners profiteren van een rijke verzameling typografische paletten. Deze lettertypes werden grotendeels gebruikt via de CSS &#8230;<\/p>\n","protected":false},"author":313,"featured_media":63418,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[892,902],"class_list":["post-63417","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-ontwikkeling","topic-wordpress-themas"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Variabele lettertypes gebruiken in WordPress thema&#039;s<\/title>\n<meta name=\"description\" content=\"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema&#039;s met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Variabele lettertypes gebruiken in WordPress thema&#039;s\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema&#039;s met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-25T07:27:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-29T08:10:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema&#039;s met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Variabele lettertypes gebruiken in WordPress thema&#8217;s\",\"datePublished\":\"2025-09-25T07:27:16+00:00\",\"dateModified\":\"2025-09-29T08:10:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\"},\"wordCount\":1450,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\",\"name\":\"Variabele lettertypes gebruiken in WordPress thema's\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"datePublished\":\"2025-09-25T07:27:16+00:00\",\"dateModified\":\"2025-09-29T08:10:16+00:00\",\"description\":\"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema's met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress thema's\",\"item\":\"https:\/\/kinqsta.com\/nl\/onderwerpen\/wordpress-themas\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Variabele lettertypes gebruiken in WordPress thema&#8217;s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Variabele lettertypes gebruiken in WordPress thema's","description":"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema's met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/","og_locale":"nl_NL","og_type":"article","og_title":"Variabele lettertypes gebruiken in WordPress thema's","og_description":"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema's met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.","og_url":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2025-09-25T07:27:16+00:00","article_modified_time":"2025-09-29T08:10:16+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema's met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.","twitter_image":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Bud Kraus","Geschatte leestijd":"10 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Variabele lettertypes gebruiken in WordPress thema&#8217;s","datePublished":"2025-09-25T07:27:16+00:00","dateModified":"2025-09-29T08:10:16+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/"},"wordCount":1450,"publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/","url":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/","name":"Variabele lettertypes gebruiken in WordPress thema's","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","datePublished":"2025-09-25T07:27:16+00:00","dateModified":"2025-09-29T08:10:16+00:00","description":"Leer hoe je variabele lettertypes kunt gebruiken in WordPress thema's met theme.json om de prestaties en ontwerpflexibiliteit te verbeteren.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#primaryimage","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/nl\/blog\/variabele-lettertypes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress thema's","item":"https:\/\/kinqsta.com\/nl\/onderwerpen\/wordpress-themas\/"},{"@type":"ListItem","position":3,"name":"Variabele lettertypes gebruiken in WordPress thema&#8217;s"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/nl\/#website","url":"https:\/\/kinqsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinqsta.com\/nl\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/63417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/comments?post=63417"}],"version-history":[{"count":5,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/63417\/revisions"}],"predecessor-version":[{"id":63439,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/63417\/revisions\/63439"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/translations\/pt"},{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/63417\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media\/63418"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media?parent=63417"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/tags?post=63417"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/topic?post=63417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}