Typography

Use default or custom font for the website

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

Body text and Headings

You can either choose the existing fonts from the library or custom fonts.

For the custom front, ollow the steps below:

When pasting in the field, follow this format: Link_to_font@font_weight

For ex:

https://cdn.shopify.com/s/files/1/0561/2742/2636/files/Jost-Regular.ttf?v=1618297125@400

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

In Minimog v3.0.0 onwards, some text settings are removed to maintain the consistency of the theme design.

If you want to adjust anything related but can't find it in Theme settings, let us know via live chat and we will be happy to assist 😄

Buttons

The button font is inherited from the body text. Use the slider to modify border width and height, font size, etc. You can choose to display the button text in uppercase style.

Inputs

The Inputs settings let you customize the appearance of input fields on your site

  • Thickness: Adjusts the border thickness of input fields. Use the slider or enter a value in pixels (e.g., 1 px) to control how bold the border appears.

  • Corner Radius: Controls the roundness of input field corners. Higher values (e.g., 5 px) make the corners more rounded, while lower values keep them more square.

Corner radius

The Corner radius setting allows you to adjust the corner style of Blocks and Product cards on your website:

  • Square: Sharp, defined corners for a classic look.

  • Rounded: Smooth, curved corners for a modern feel.

Last updated