{"id":4560,"date":"2024-04-15T00:14:30","date_gmt":"2024-04-14T16:14:30","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4560"},"modified":"2024-04-15T00:14:30","modified_gmt":"2024-04-14T16:14:30","slug":"incorporate-adobe-type-styles-into-a-specific-website","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/incorporate-adobe-type-styles-into-a-specific-website\/","title":{"rendered":"Incorporate Adobe Type styles into a specific website"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p id=\"\">In another session, we demonstrate the process of embedding Adobe Type styles into your Webflow Workspace to ensure your Adobe Type styles are accessible across all your websites. However, if you are constructing a website for a customer and wish to utilize Adobe Type styles exclusively for that particular website, it is advisable to generate an Adobe Type API token exclusively for the customer and integrate it into the website.<\/p>\n<p id=\"\">There are two rationales for opting for this methodology:<\/p>\n<ul id=\"\">\n<li id=\"\">Adobe initiated the policy of mandating customers to possess individual Adobe accounts beginning in 2020. <a href=\"https:\/\/helpx.adobe.com\/fonts\/using\/font-licensing.html#web-client\" target=\"_blank\" id=\"\" rel=\"noopener\">Explore further details regarding Adobe Type style licensing<\/a>.<\/li>\n<li id=\"\">Your customer will possess their unique set of font kits, and if they wish to transfer their website, the process of transfer will be significantly more streamlined.<\/li>\n<\/ul>\n<h6 id=\"\"><strong id=\"\">Reminder:<\/strong> To embed Adobe Type styles into any website, you will require a paid <a href=\"https:\/\/webflow.com\/pricing#workspace-plans\" id=\"\">Workspace plan<\/a> or a paid <a href=\"https:\/\/webflow.com\/pricing#site-plans\" id=\"\">site plan<\/a>.<\/h6>\n<p id=\"\">In this discussion, you will understand:<\/p>\n<ol id=\"\">\n<li id=\"\">The method to acquire an Adobe Type API token<\/li>\n<li id=\"\">The process of embedding your API token into your website<\/li>\n<li id=\"\">The technique to eliminate your API token from your website<\/li>\n<li id=\"\">The procedure to link an Adobe web project to your website<\/li>\n<li id=\"\">The technique to detach an Adobe web project from your website<\/li>\n<li id=\"\">How to evaluate your typefaces in the Designer<\/li>\n<li id=\"\">The approach to address any integration difficulties<\/li>\n<\/ol>\n<h2 id=\"\">How to acquire an Adobe Type API token<\/h2>\n<p id=\"\">If your customer possesses a <a href=\"https:\/\/account.adobe.com\/\" target=\"_blank\" id=\"\" rel=\"noopener\">Creative Cloud account (Adobe ID)<\/a>, request them to send you their API token. In the scenario where they do not have a Creative Cloud account, request them to establish their individual complimentary account and subsequently provide you with their API token.<\/p>\n<p id=\"\">Alternatively, you have the option to offer to configure it for them utilizing their login credentials and then transfer control to them. This will enable them to retain control of their type styles, alleviating your need to manage those styles within your personal Creative Cloud account.<\/p>\n<h3 id=\"\">Set up the account yourself and acquire the API token<\/h3>\n<p id=\"\">If you decide to establish the account yourself:<\/p>\n<ol id=\"\">\n<li id=\"\">Create an <a href=\"https:\/\/fonts.adobe.com\/my_fonts\" target=\"_blank\" id=\"\" rel=\"noopener\">Adobe Type account<\/a><\/li>\n<li id=\"\"><a href=\"https:\/\/helpx.adobe.com\/fonts\/using\/add-fonts-website.html#Createawebproject\" target=\"_blank\" id=\"\" rel=\"noopener\">Generate web projects<\/a> utilizing the typefaces you wish to utilize for your customer&#8217;s website<\/li>\n<li id=\"\">Navigate to the <a href=\"https:\/\/fonts.adobe.com\/account\/tokens\" target=\"_blank\" id=\"\" rel=\"noopener\">Adobe Type API tokens page<\/a> and establish a new API token<\/li>\n<li id=\"\">Copy the API token<\/li>\n<\/ol>\n<h3 id=\"\">Request your customer to supply their Adobe Type API token<\/h3>\n<p id=\"\">Should you desire your customer to establish their own account and forward you the API token, you can furnish them with the following instructions:<\/p>\n<ol id=\"\">\n<li id=\"\"><a href=\"https:\/\/fonts.adobe.com\/my_fonts\" target=\"_blank\" id=\"\" rel=\"noopener\">Develop an Adobe Type account<\/a> (if they do not have one)<\/li>\n<li id=\"\"><a href=\"https:\/\/helpx.adobe.com\/fonts\/using\/add-fonts-website.html#Createawebproject\" target=\"_blank\" id=\"\" rel=\"noopener\">Construct web projects<\/a> utilizing the following typefaces: <strong id=\"\">[Provide the name of the typefaces you wish to utilize on their website]<\/strong><\/li>\n<li id=\"\">Access the <a href=\"https:\/\/fonts.adobe.com\/account\/tokens\" target=\"_blank\" id=\"\" rel=\"noopener\">Adobe Type API tokens page<\/a> and generate a new API token<\/li>\n<li id=\"\">Copy the API token and forward it to me<\/li>\n<\/ol>\n<h2 id=\"\">How to incorporate your API token into your website<\/h2>\n<p id=\"\">Now that you have obtained the API token, you can insert it into your Webflow website&#8217;s <strong id=\"\">Adobe typefaces<\/strong> settings. To include your API token in your website:<\/p>\n<ol id=\"\">\n<li id=\"\">Navigate to <strong id=\"\">Site settings<\/strong> &gt; <strong id=\"\">Fonts<\/strong> tab &gt;<strong id=\"\"> Adobe typefaces<\/strong><\/li>\n<li id=\"\">Paste your Adobe Type API token into the designated area<\/li>\n<li id=\"\">Click <strong id=\"\">Save token<\/strong><\/li>\n<\/ol>\n<h2 id=\"\">How to delete your API token from your website<\/h2>\n<p id=\"\">In the event you wish to eliminate an API token from your website:<\/p>\n<ol id=\"\">\n<li id=\"\">Access <strong id=\"\">Site settings<\/strong> &gt; <strong id=\"\">Fonts<\/strong> tab &gt;<strong id=\"\"> Adobe typefaces<\/strong><\/li>\n<li id=\"\">Erase the token<\/li>\n<li id=\"\">Click <strong id=\"\">Save token<\/strong><\/li>\n<\/ol>\n<h2 id=\"\">How to tie an Adobe web project to your website<\/h2>\n<p id=\"\">Upon successfully linking your Adobe account to your website through the API token, the Adobe web project containing all the typefaces for your website will be displayed under the <strong id=\"\">Adobe typefaces<\/strong> section in <strong id=\"\">Site settings<\/strong>.<\/p>\n<p id=\"\">To combine an Adobe web project with your website:<\/p>\n<ol id=\"\">\n<li id=\"\">Navigate to <strong id=\"\">Site settings<\/strong> &gt; <strong id=\"\">Fonts<\/strong> tab &gt;<strong id=\"\"> Adobe typefaces<\/strong><\/li>\n<li id=\"\">Select the web project you wish to associate<\/li>\n<li id=\"\">Click <strong id=\"\">Save changes<\/strong><\/li>\n<\/ol>\n<h2 id=\"\">How to disassociate an Adobe web project from your website<\/h2>\n<p id=\"\">To separate an Adobe web project from your website:<\/p>\n<ol id=\"\">\n<li id=\"\">Access <strong id=\"\">Site settings<\/strong> &gt; <strong id=\"\">Fonts<\/strong> tab &gt;<strong id=\"\"> Adobe typefaces<\/strong><\/li>\n<li id=\"\">Select \u201c<strong id=\"\">None<\/strong>\u201d<\/li>\n<li id=\"\">Click <strong id=\"\">Save changes<\/strong><\/li>\n<\/ol>\n<h2 id=\"\">How to validate your typefaces in the Designer<\/h2>\n<p id=\"\">Within the Designer, you will have complete access to any typefaces and font variations you included through your Adobe web project.\u00a0<\/p>\n<p id=\"\">You can locate your Adobe typefaces in the <strong id=\"\">Style panel<\/strong> &gt;<strong id=\"\"> Typography<\/strong> &gt; <strong id=\"\">Font<\/strong>. Your Adobe typefaces will be listed at the conclusion of the font selection, arranged alphabetically.<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949033c027cc2ab0e63fe_62eaaa04240ea954ba4ce937_2uh-cfkbxbjbawtctpjtqmiwv_wykmd3e_lrnolpe_1diyawih563sxwl36dj9y5nvs-zfp3hro-zuv7vslmefnecfi0qatbl6rhqcz3m-17okfo-8mpf8juvmsnadyp_kkibgs2l-nskfo6k_tfb8-1.png\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"The Font dropdown is highlighted in the Typography section in the Style panel.\" title=\"64b949033c027cc2ab0e63fe_62eaaa04240ea954ba4ce937_2uh-cfkbxbjbawtctpjtqmiwv_wykmd3e_lrnolpe_1diyawih563sxwl36dj9y5nvs-zfp3hro-zuv7vslmefnecfi0qatbl6rhqcz3m-17okfo-8mpf8juvmsnadyp_kkibgs2l-nskfo6k_tfb8-1\"><\/div>\n<\/figure>\n<h2 id=\"\">How to address integration challenges<\/h2>\n<p id=\"\">Occasionally, the integration of Adobe Type styles might experience synchronization issues with Webflow. Typically, these obstacles can be addressed by undertaking a few minor steps.<\/p>\n<p id=\"\">Some commonplace concerns consist of:<\/p>\n<ul id=\"\">\n<li id=\"\">Typefaces are not loading correctly in the Designer<\/li>\n<li id=\"\">Web projects are not loading correctly in Site settings<\/li>\n<li id=\"\">Web projects fail to load entirely in Site settings<\/li>\n<\/ul>\n<blockquote id=\"\"><p><strong id=\"\">Crucial:<\/strong><a href=\"https:\/\/helpx.adobe.com\/fonts\/using\/font-licensing.html#WebfontsfromAdobeFonts\" target=\"_blank\" id=\"\" rel=\"noopener\">Adobe Type styles are governed by your Adobe Creative Cloud subscription<\/a>. If you delete your web project from your Adobe Type styles library, or if your Adobe account becomes inaccessible, your selection of typefaces might fail to load.<\/p><\/blockquote>\n<h6 id=\"\"><strong id=\"\">Reminder:<\/strong> It may take up to 10 minutes for Adobe&#8217;s network to update, therefore if you do not observe your web project, or alterations in your web project, revisit and refresh the page at a later time. Alternatively, you can unbind the web project and then reselect it to load the most recent data from Adobe&#8217;s network.<\/h6>\n<p id=\"\">To troubleshoot these difficulties, examine the following:<\/p>\n<ul id=\"\">\n<li id=\"\">Validate that both Adobe and Webflow systems are operational<\/li>\n<li id=\"\">Verify that you have incorporated the API token in the correct location<\/li>\n<li id=\"\">Confirm your Adobe Type API Token<\/li>\n<li id=\"\">Validate that the accurate web project is chosen in your Site settings<\/li>\n<\/ul>\n<p id=\"\"><strong id=\"\">Validate that Adobe and Webflow systems are operational<\/strong><\/p>\n<ul id=\"\">\n<li id=\"\"><a href=\"https:\/\/status.typekit.com\/\" target=\"_blank\" id=\"\" rel=\"noopener\">Adobe Type styles systems status<\/a><\/li>\n<li id=\"\"><a href=\"http:\/\/status.webflow.com\/\" id=\"\">Webflow systems status<\/a><\/li>\n<\/ul>\n<p id=\"\"><strong id=\"\">Ensure that you have integrated the API token in the correct location<\/strong><\/p>\n<p id=\"\">Ensure that you have appended your Adobe Type API token to your website.<\/p>\n<p id=\"\"><strong id=\"\">Confirm your Adobe Type API token\u00a0<\/strong><\/p>\n<ol id=\"\">\n<li id=\"\">Locate your Adobe Type API Token within <strong id=\"\">Site settings<\/strong> &gt; <strong id=\"\">Fonts<\/strong> tab &gt;<strong id=\"\"> Adobe typefaces<\/strong><\/li>\n<li id=\"\">Proceed to the <a href=\"https:\/\/fonts.adobe.com\/account\/tokens\" target=\"_blank\" id=\"\" rel=\"noopener\">Adobe Type API tokens page<\/a><\/li>\n<li id=\"\">Confirm that your Adobe Type API Token corresponds to the API token you linked to your website<\/li>\n<\/ol>\n<p id=\"\"><strong id=\"\">Validate that the correct web project is designated in your Site settings<\/strong><\/p>\n<ol id=\"\">\n<li id=\"\">Access <strong id=\"\">Site settings<\/strong> &gt; <strong id=\"\">Fonts <\/strong>tab &gt; <strong id=\"\">Adobe typefaces<\/strong><\/li>\n<li id=\"\">Ensure that the presently selected web project (the one bordered) is the accurate selection<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Integrate\u2008your\u2008client\u2019s\u2008Adobe\u2008Fonts\u2008API\u2008token\u2008into\u2008their\u2008site\u2008to\u2008make\u2008their\u2008Adobe\u2008Font\u2008web projects\u2008available\u2008for\u2008that\u2008site.","protected":false},"author":2,"featured_media":4561,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[296],"tags":[],"class_list":{"0":"post-4560","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-integrations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=4560"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/4561"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=4560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=4560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=4560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}