{"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 Please update the URL to your Kit URL, as well as updating the fonts you want to assign to the 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}]}}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
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":"