Tos Web Developer provides insights, tutorials, and advice around topics including content strategy, design, Drupal Development, Drupal Custom Module Development, Drupal 8 Custom themes, PHP, Server, Twig, and more




✅ Step 1. Enable the required module


Download and install the font-your-face module from Drupal.org.

🔻 Enable the font-your-face module.

🔻 Enable the integrations you need.

🔻 Click Appearance > @font-your-face > Settings

🔻 Click the "Import all fonts" button.

🔻 Click "Save configuration" after the Import process has finished.

✅ Step 2. Create a Font Display

🔻Click Appearance > @font-your-face > Browse

🔻Select and enable the fonts you want to use in your site.

🔻On top of the page is an exposed filter. You can search the fonts by name or specifying other criteria like the weight of the font or its classification.

🔻Make a search for two or three fonts with different filter settings and enable them. Every enabled font will get a green background.

🔻Click Font display and then click the blue "Add Font display" button.

🔻Add a proper label to the Font display.

🔻Choose the font.

🔻Choose a preset selector, for example All Headers (h1, h2, h3, h4, h5, h6).

🔻Choose the theme you want to add this particular font display.

🔻Click "Save".

🔻Repeat the process with other fonts and Preset selectors.

🔻If you want to choose another selector not included in the Select list options, choose other and type the selector in the text box.

🔻After creating all necessary Font displays, you can either create some content or take a look at your already existing content.

🔻The default Bartik fonts have changed and now match the ones you enabled and configured.

No comments:

Post a Comment

| Designed And Blog Post by www.toswebdeveloper.com