Skip to main content

Typography

Sneakerank has a dedicated options panel of its own, which lets you customize the styling of each part of your site to the finest detail. You can set the font style and size for the text.

note

Theme supports Google Font , Shopify Font and Custom Font

Steps
  1. In the theme editor (Customize), click Theme settings
  2. Locate Typography
  3. Make necessary changes
  4. Save

Typography is considered one of the essential components that impact the website's look and feel. It contains the following elements.

1. Headings and body text

You can either choose the existing fonts from the library or custom fonts. For the custom font, kindly follow the steps below:

Elements related to the font such as spacing, height, weight, etc. are adjustable.

font demo

font demo

You can also add other fonts form Google Font to the font heading selection by doing the following

  • In the customer choose edit code

font demo

  • In the Config choose settings_schema.json

font demo

  • Go to the font_heading_selection

font demo

  • Add font in here and save.

font demo

  • In the Customer select Font heading selection

font demo

font demo

info

You can also add other fonts form Google Font to the Font body selection just like adding Google Fonts for font heading selection.

note

In the edit code, file settings_schema.json you need go to item "id": "font_body_selection" and add font in here

2. Custom

In addition to the body text and heading, the custom can also be flexibly configured.

font demo

info

You can also add other fonts form Google Font to the Font custom selection just like adding Google Fonts for font heading selection.

note

In the edit code, file settings_schema.json you need go to item "id": "font_custom_selection" and add font in here