{"id":2701,"date":"2024-02-26T10:31:08","date_gmt":"2024-02-26T10:31:08","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/several-fonts-de\/"},"modified":"2024-12-19T18:15:34","modified_gmt":"2024-12-19T17:15:34","slug":"several-fonts-de","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/de\/several-fonts-de\/","title":{"rendered":"How can I have two fonts in one headline?"},"content":{"rendered":"<p>To have two different fonts in one headline or other text-based blocks, just make the text &quot;italic&quot; (cmd+i \/ strg+i) and insert the following global CSS (in the Customizer or Site Editor):<\/p>\n<p><\/p>\n<p>\/* Change Font Family on Italic *\/<\/p>\n<p>em {<\/p>\n<p>font-family: var(&#8211;fontFamily1);<\/p>\n<p>}<\/p>\n<figure class=\"\" style=\"width: 76.89%;max-width: 100%\">\n        <img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/647c39f5aef24e1deb40dc8f\/file-foC27hpOsj.png\" alt=\"Step 1: Make text\"><figcaption>Step 1: Make text &#8220;italic&#8221;<\/figcaption><\/figure>\n<figure style=\"width: 78.11%;max-width: 100%\" class=\"\">\n        <img decoding=\"async\" alt=\"Have two different fonts in one headline\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/647c39f57360c921d3f9d290\/file-pdyepUXOVF.png\" \/><figcaption>Have two different fonts in one headline<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>To have two different fonts in one headline or other text-based blocks, just make the text &quot;italic&quot; (cmd+i \/ strg+i) and insert the following global CSS (in the Customizer or Site Editor): \/* Change Font Family on Italic *\/ em { font-family: var(&#8211;fontFamily1); } Step 1: Make text &#8220;italic&#8221; Have two different fonts in one [&hellip;]<\/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":[671,674],"topics":[626,632],"class_list":["post-2701","post","type-post","status-publish","format-standard","hentry","category-general","tag-fonts-de","tag-schriftarten-de","topics-design-de","topics-greyd-blocks-de"],"lang":"de","translations":{"de":2701,"en":618},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2701","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=2701"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2701\/revisions"}],"predecessor-version":[{"id":4787,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2701\/revisions\/4787"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=2701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=2701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=2701"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=2701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}