{"id":249,"date":"2022-11-23T11:38:02","date_gmt":"2022-11-23T11:38:02","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=249"},"modified":"2023-09-08T09:46:32","modified_gmt":"2023-09-08T09:46:32","slug":"how-to-add-adobe-fonts-to-your-website","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/how-to-add-adobe-fonts-to-your-website\/","title":{"rendered":"How to add Adobe Fonts to your website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"249\" class=\"elementor elementor-249\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5770af0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5770af0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b44952\" data-id=\"4b44952\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-64a1020 elementor-widget elementor-widget-text-editor\" data-id=\"64a1020\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol>\n<li>Assuming you already have a valid Adobe subscription, now you can start by browsing the&nbsp;<a href=\"https:\/\/fonts.adobe.com\/fonts\/\" target=\"_blank\" rel=\"noopener\">library of Adobe Fonts<\/a>. When you find a font you like, click the&nbsp;<code>&lt;\/&gt;<\/code>&nbsp;button to add the family to a web project.<img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-251\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-1.jpg\" alt=\"\" width=\"360\" height=\"410\">You can also click on the font name to open the family page and see all of the font weights and styles that are available to use. Then click&nbsp;<strong><code>&lt;\/&gt;<\/code>&nbsp;Add to Web Project<\/strong>&nbsp;at the top of the page to add the family to a web project.\n<p><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-2.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-252 size-full\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-2.jpg\" alt=\"\" width=\"1600\" height=\"443\"><\/a><\/p>\n<\/li>\n<li>In the&nbsp;<strong>Add fonts to a Web Project<\/strong>&nbsp;window, you&#8217;ll name your web project and decide which fonts should be included.<img decoding=\"async\" class=\"alignnone wp-image-253\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-3.jpg\" alt=\"\" width=\"760\" height=\"673\">You&#8217;ll be able to make changes to the project settings from the&nbsp;<a href=\"https:\/\/fonts.adobe.com\/my_fonts\" target=\"_blank\" rel=\"noopener\">My Adobe Fonts<\/a>&nbsp;page later, too.<\/li>\n<li>Then please click the&nbsp;<strong>Edit Project<\/strong>&nbsp;button.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-254\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-4.jpg\" alt=\"\" width=\"650\" height=\"650\">Find the&nbsp;<strong>Project ID<\/strong>:\n<p><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-255 size-full\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-5.jpg\" alt=\"\" width=\"2000\" height=\"686\"><\/a><\/p>\n<\/li>\n<li>Please copy the Project ID, and paste it to your website&nbsp;<strong>Dashboard &gt; CozyStay Dashboard &gt; Custom Font &gt; Adobe Fonts &gt; Adobe Project (TypeKit) ID<\/strong>, and then click the&nbsp;<strong>Sync<\/strong>&nbsp;button.<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1316\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6.jpg\" alt=\"\" width=\"2000\" height=\"619\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6.jpg 2000w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-300x93.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-1024x317.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-768x238.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-1536x475.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-1920x594.jpg 1920w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-1440x446.jpg 1440w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-1200x371.jpg 1200w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-780x241.jpg 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-600x186.jpg 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-550x170.jpg 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-370x115.jpg 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-6-255x79.jpg 255w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/a>Then wait until the Sync result message appears.<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1319\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7.jpg\" alt=\"\" width=\"2000\" height=\"619\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7.jpg 2000w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-300x93.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-1024x317.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-768x238.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-1536x475.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-1920x594.jpg 1920w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-1440x446.jpg 1440w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-1200x371.jpg 1200w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-780x241.jpg 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-600x186.jpg 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-550x170.jpg 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-370x115.jpg 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/adobe-7-255x79.jpg 255w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/a><\/li>\n<li>Then, you will find the Adobe Fonts you added when customizing&nbsp;<strong>Typography<\/strong>&nbsp;in the Customizer.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-258\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-8.jpg\" alt=\"\" width=\"300\" height=\"861\">And you will also find them when editing&nbsp;<strong>Typography<\/strong>&nbsp;with Elementor.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-259\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/adobe-9.jpg\" alt=\"\" width=\"300\" height=\"856\"><\/li>\n<\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[3],"class_list":["post-249","ptkb","type-ptkb","status-publish","hentry","ptkb_category-how-tos-faqs"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":4,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/249\/revisions"}],"predecessor-version":[{"id":1323,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/249\/revisions\/1323"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=249"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}