{"id":4718,"date":"2024-12-06T07:15:22","date_gmt":"2024-12-06T07:15:22","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/upload-adobe-fonts-de\/"},"modified":"2024-12-26T18:29:15","modified_gmt":"2024-12-26T17:29:15","slug":"upload-adobe-fonts-de","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/de\/upload-adobe-fonts-de\/","title":{"rendered":"How to upload Adobe fonts"},"content":{"rendered":"

At the moment, the WordPress Core does not support adding Adobe Fonts through the user interface, unlike Google Fonts or actual font files (WOFF2, TTF, etc). However, it’s still possible with a PHP snippet to get your Adobe Fonts into the website, both in frontend and backend. <\/p>\n

Ideally you have created a child theme before, so you can add the following into the functions.php<\/code> file so it won’t be overwritten by the next theme update:<\/p>\n

\/* Add Adobe Fonts in Frontend *\/\nadd_action( 'wp_enqueue_scripts', 'greyd_child_adobe_fonts' );\n\n\/* Add Adobe Fonts in Backend *\/\nadd_action( 'enqueue_block_assets', 'greyd_child_adobe_fonts' );\n\n\/* Function to set Adobe Fonts *\/\nfunction greyd_child_adobe_fonts() {\n\twp_enqueue_style( \n\t\t'greyd-child-adobe-fonts',\n\t\t'https:\/\/use.typekit.net\/epd4ujj.css'\n\t);\n\n\twp_add_inline_style( \n\t\t'greyd-child-adobe-fonts', \n\t\t':root {\n\t\t\t--wp--preset--font-family--body: \"myriad-pro\" !important;\n\t\t\t--wp--preset--font-family--heading: \"adobe-garamond-pro\" !important;\n\t\t}'\n\t);\n}\n<\/pre>\n

Please update the URL to your Kit URL, as well as updating the fonts you want to assign to the Body<\/code>  and Heading<\/code>  font. So instead of myriad-pro<\/code>  and adobe-garamond-pro<\/code> , you add in the font names as they’re provided in your CSS file.<\/p>\n","protected":false},"excerpt":{"rendered":"

At the moment, the WordPress Core does not support adding Adobe Fonts through the user interface, unlike Google Fonts or actual font files (WOFF2, TTF, etc). However, it’s still possible with a PHP snippet to get your Adobe Fonts into the website, both in frontend and backend. Ideally you have created a child theme before, […]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"greyd_block_editor_preview":[],"footnotes":""},"categories":[188],"tags":[],"topics":[626],"class_list":["post-4718","post","type-post","status-publish","format-standard","hentry","category-general","topics-design-de"],"lang":"de","translations":{"de":4718},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/4718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/comments?post=4718"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/4718\/revisions"}],"predecessor-version":[{"id":4829,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/4718\/revisions\/4829"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=4718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=4718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=4718"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=4718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}