{"id":1032,"date":"2022-02-14T21:36:11","date_gmt":"2022-02-14T21:36:11","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/clone-of-6-custom-fonts\/"},"modified":"2024-01-03T15:16:45","modified_gmt":"2024-01-03T15:16:45","slug":"6-custom-fonts-2","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=6-custom-fonts-2","title":{"rendered":"Custom fonts"},"content":{"rendered":"<h2>Inleiding<\/h2>\n<p>Je kan in Elementor eenvoudig <strong>je eigen lettertypes of fonts<\/strong> toevoegen. Heel leuk indien je brand font niet \u00e9\u00e9n van de standaard webfonts is.<\/p>\n<h2 style=\"\">Een font downloaden<\/h2>\n<ul>\n<li>Surf naar <a href=\"https:\/\/www.dafont.com\/\" target=\"_blank\" style=\"outline: none;\" data-tcb_hover_state_parent=\"\" rel=\"noopener\">dafont.com<\/a><\/li>\n<li>Zoek een lettertype dat je leuk vindt<\/li>\n<li>Klik op het font om de verschillende letters te zien (kleine letters &amp; drukletters,&#8230;)<\/li>\n<li>Klik rechts op&nbsp;<em>Download<\/em>&nbsp;<\/li>\n<li style=\"\">Er zal een zip file gedownload worden op je computer in de map &#8220;Downloads&#8221;<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"921\" width=\"684\" data-init-width=\"2722\" height=\"72\" data-init-height=\"288\" title=\"Screenshot 2022-02-14 at 12.14.42\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-12.14.42.png\" data-width=\"684\" data-height=\"72\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Open de ZIP file: op MAC kan je dat door erop te dubbelklikken, op PC doe je dat door er met de rechtermuisknop op te klikken en vervolgens op&nbsp;<em>Alles uitpakken<\/em> te klikken<\/li>\n<li>Er zal een .TTF of .OTF file in de map zitten. .TTF is goed, maar .OTF kan niet ge\u00efntegreerd worden in Elementor, dus indien nodig moet je dat nog converteren<\/li>\n<\/ul>\n<h3><span style=\"text-decoration: underline;\">Een .OTF file converteren naar .TTF<\/span><\/h3>\n<ul>\n<li>Typ in Google &#8220;otf to ttf&#8221; in<\/li>\n<li>Klik op \u00e9\u00e9n van de opties die verschijnen, er zijn echt duizenden websites waarop je gratis online kan converteren, bv <a href=\"https:\/\/cloudconvert.com\/otf-to-ttf\" target=\"_blank\" style=\"outline: none;\" data-tcb_hover_state_parent=\"\" rel=\"noopener\">cloudconvert.com\/otf-to-ttf<\/a><\/li>\n<li>Klik op&nbsp;<em>Select file<\/em>&nbsp;en selecteer het .OTF bestand dat je net hebt gedwonload<\/li>\n<li>Klik op&nbsp;<em>Convert<\/em><\/li>\n<li>Klik op&nbsp;<em>Download<\/em>. Het font is nu een .TTF file geworden<\/li>\n<\/ul>\n<h2 style=\"\">Een font integreren op je website<\/h2>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li>Klik links in het menu op&nbsp;<em>Elementor &gt; Custom Fonts<\/em><\/li>\n<li style=\"\">Klik bovenaan op <em>Add new<\/em><\/li>\n<li style=\"\">Vul de naam van het font in en klik vervolgens op<em> Add font variation<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"922\" width=\"383\" data-init-width=\"1084\" height=\"365\" data-init-height=\"1032\" title=\"Screenshot 2022-02-14 at 12.21.57\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-12.21.57.png\" data-width=\"383\" data-height=\"365\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"923\" width=\"220\" data-init-width=\"512\" height=\"205\" data-init-height=\"476\" title=\"Screenshot 2022-02-14 at 12.27.07\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-12.27.07.png\" data-width=\"220\" data-height=\"205\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Klik rechts naast&nbsp;<em>TTF File<\/em>&nbsp;op&nbsp;<em>Upload<\/em><\/li>\n<li>Upload het lettertype met bestandsformaat .TTF in de mediabibliotheek<\/li>\n<li style=\"\">Klik op&nbsp;<em>Selet .ttf file<\/em><\/li>\n<li style=\"\">Klik rechts bovenaan op de blauwe knop&nbsp;<em>Publiceren<\/em><\/li>\n<li style=\"\">Het bestand is nu toegevoegd aan Elementor\/WordPress<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"924\" width=\"646\" data-init-width=\"2078\" height=\"361\" data-init-height=\"1162\" title=\"Screenshot 2022-02-14 at 12.30.39\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-12.30.39.png\" data-width=\"646\" data-height=\"361\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h2 style=\"\">Het font gebruiken<\/h2>\n<p>Het kan zijn dat Elementor een aantal minuten tijd nodig heeft om het font in te laden.<\/p>\n<ul>\n<li>Ga naar de Elementor bewerkmodus van \u00e9\u00e9n van je pagina&#8217;s, of maak een nieuwe pagina waarop je het lettertype wil gebruiken. Indien je een nieuwe pagina gaat maken, voeg dan eerst een <em>Sectie<\/em> en een <em>Koptitel<\/em>&nbsp;of&nbsp;<em>Tekst element<\/em>&nbsp;in<\/li>\n<li>Klik in het tekstvak<\/li>\n<li>Ga links in de instellingen naar het tabblad&nbsp;<em>Stijl &gt; TypografieI<\/em><\/li>\n<li>Typ de naam van je lettertype in, het zal mee in de lijst verschijnen bij <em>Custom fonts<\/em><\/li>\n<li style=\"\">Selecteer het font<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"925\" width=\"243\" data-init-width=\"594\" height=\"469\" data-init-height=\"1144\" title=\"Screenshot 2022-02-14 at 12.40.40\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-12.40.40.png\" data-width=\"243\" data-height=\"469\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"926\" width=\"459\" data-init-width=\"1526\" height=\"125\" data-init-height=\"416\" title=\"Screenshot 2022-02-14 at 12.41.32\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-12.41.32.png\" data-width=\"459\" data-height=\"125\" loading=\"lazy\"><\/span><\/p>\n","protected":false},"template":"","class_list":["post-1032","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-quick-fix","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/1032"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}