How to Design Faster with the new Typography Presets

Home

While working on a page’s design, you may want a faster way of getting the same fonts on each element. How do you do that? Easily transfer the type from an item to another one through the new Typography Presets with the Newspaper Theme. Find out how to do that and speed up your workflow when making a new page!

Typography Presets Obtain your Style

What you can do with the Typography Presets

For starters, what are the two primary fonts you use? If you’re just creating a website and need help deciding, head on over to Typography Guide 101. To obtain a consistent look and feel, the typefaces from the homepage should repeat on each page of your site.

So, similar elements need to have a common appearance. Let’s say that you have two Flex Blocks on a page, each one can use the same type as the other, however, styled differently. Maybe one of the Flex Blocks has inner padding to its Meta Info whereas the other one doesn’t. There could be a multitude of differences. However, if they have an identical rank on the layout’s hierarchy, they should have matching font settings.

There’s an easy solution to that: Newspaper Theme’s new Typography Presets. Customize a block and resize the font for specific devices with the tagDiv Composer device tabs. Now you can keep the same look when you import it through the Typography Presets.

How to use the Typography Presets

Open a page with the tagDiv Composer page-builder. Click on an element, then navigate to the Style tab, and customize the font settings. Change the font by adjusting the:

  • Weight
  • Size
  • Tracking
  • Line Height
  • Style (make it bold, italic, and more)

Responsive Layout for each Device through the tagDiv Composer and Typography Presets

Then go through the options for each device and resize it, so it doesn’t take as much space on smaller screens. To do this, click on each respective device’s icon at the top of the settings window.

Use the Typography Presets to Stylize your WebsiteOnce you’re happy with it, you can transfer the font to another block and maintain a uniform appearance throughout the page. To use the Typography Presets just go to the font you have customized and click on the three black dots next to the typeface name. A box opens up with three possible actions: Save, Reset, and Load Font Settings. Click on ‘Save’ and give the new preset a name to remember it by.

Select the element that you wish to transfer the font settings to. From the same three-dots box, pick the “Load” option. Choose the name you came up with for the preset. Your block now has the same typeface, weight, size, tracking, style, and line height. Quickly obtain a beautiful, organized layout and design for your audience to enjoy reading through!

Design Faster with Newspaper Theme

Each item on the page has to fit in with the rest of your website to create a seamless transition. Therefore, having two typefaces that you can adjust to create hierarchy is important. Knowing how to pair fonts is essential as well. However, Newspaper Theme offers you an easy method of maintaining the website’s style throughout each new page: the Typography Presets. Use this new feature to vastly improve your workflow.

Have you created a perfect layout with font contrasts and sizes? Tell us how you’ve used the new Typography Presets in the comment box below! ?‍♀️

Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Alexandra I.
Alexandra I.
As an artist and designer, I aim to create something brilliant daily. Eager to learn more, I use my free time to get better at what interests me, whether it's photography, painting, or even something entirely new.

4 COMMENTS

    • Hi,

      Thank you very much for your kind words, much appreciated. Please let us know if you have any questions. You can create a new topic in the theme forum, or send us an email at contact@tagdiv.com and we will try our best to help.

      Thank you!

  1. Hi,

    Great post, thanks!

    One question though: is there a way to adjust or remove a saved preset?
    I want to be able to remove unused/wrong presets or be able to adjust their name and settings.

    • Hi,

      At the moment that is not possible unfortunately, once saved a font preset can only be removed/deleted, not edited. Maybe this will be possible to do in the future, remains to be seen. Sorry for the inconvenience.

      Thank you!

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our latest

Articles

How to Add, Delete, and Duplicate a Row in Newspaper Theme

One of the essential elements of the Newspaper Theme is a row. It is a container that is used to put every element in...

Design Trends: The Symbolic Union of Ultimate Gray & Illuminating 2021

With the new year sneaking up on us (haha, not really, let’s be honest about it, we’ve been waiting for this!), Pantone has released...

Showcase Your Amazing Content with a Visually Appealing Blog Design: Mintyside PRO demo

Are you looking to start a blog to share with your friends, family, and build a supportive online community? The new Mintyside PRO demo...

Color Meanings 101: Yellow, a Vibrant & Optimistic Outlook to any Design

Are you taking a step towards a brighter future and a better 2020? So are we! Let’s tackle the rest of the year with...