April 8, 2020
Estimated Post Reading Time ~

Typekit Cloud Service

Purpose
Leverage Adobe Typekit’s web-fonts to make your AEM web sites stand out on the Web.

General Requirements
In order to use these Cloud Services, ensure that the Cloud Service configuration components are included in both the head and body of the page. This typically is done by including 
<cq:include script="/libs/cq/cloudserviceconfigs/components/servicelibs/servicelibs.jsp"/> in headlibs.jsp and <cq:include path="cloudservices" resourceType="cq/cloudserviceconfigs/components/servicecomponents"/> 

in body.jsp. If you run into trouble with these Cloud Services, compare your page component scripts to the Foundation page component.

Special Requirement when using AEM 6.1+
On AEM 6.1, the use of these components generally requires the enabling of the CQ Configuration Manager component, which is disabled by default. This is required for cross-compatibility with AEM 6.0 and AEM 6.1.



This must be done in both authors and publish.


How to Use
  1. Navigate to AEM Author > Tools > Cloud Services Configurations
  2. Select Typekit
  3. Select New > New Page
  4. Select Typekit Configuration and open the newly created page
  5. Enter your Kit ID
  6. Apply this Typekit Configuration to any AEM Page in the usual manner Page Properties > Cloud Services Tab > Add Service > TypeKit > Select the configuration


By aem4beginner

No comments:

Post a Comment

If you have any doubts or questions, please let us know.