Typography and Responsive Typography in Crocal

This is a fully customizable font-related section. You can change the fonts and their style according to your tastes/needs for almost every single individual case. The font-sections are divided in such way, so you can easily find the font you seek to customize.

An amazing feature of Crocal is the Responsive Typography. You can fully customize the font-size for devices whether it is a small laptop (max-width 1440 pixels), a tablet (in both landscape & portrait) or a mobile device. Let’s see what is the Responsive Typography concept about. First of all, you set a Size Threshold of a given device. The size Threshold defines the minimum value point from which on the Responsive size ratio percentage will take effect. In other words in order to make use of a given Size Ratio percentage, the default font size under the Typography Options should be equal or larger than the Size Threshold, otherwise there will be no effect at all. You have three sections that are customizable:

  1. The Responsive Headings, that define the Headings H1-H6
  2. The Responsive First group, that define the Title elements: Page / Post / Feature Section Titles
  3. The Responsive Second group, that define the Description elements: Page / Post / Feature Section Descriptions & Leader Text, Subtitle Text, Link Texts and Buttons.

 

Last but not least, take the advantage to set your custom Font Families under Theme Options > Typography Options > Extras in order to use extra fonts in various elements and in the Feature Section.

Was this article helpful?

Related Articles