Recommended: Install Fontify app to easily change any fonts for your whole page or specific elements. Support all Google fonts that GDPR compliant and upload Custom fonts in seconds.
The theme 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. You can choose a font from Shopify or Google.
From Theme settings -> Typography
1. Font Library
The Font Library option allows you choose to use the font from Shopify or Google.
1.1. Shopify Font library
If you use Shopify font, just tick on checkbox a font that you want. We have 2 Font family options: Heading and Body Font. Also, selecting a different font can affect the speed of your store. Please go to this link for details: Link
1.2. Google Font library
With Ecomus theme, you will have the option to choose from multiple fonts directly from Google through the 'embed a font' feature with HTML. This is a solution that allows you to customize font sizes optimally. Follow each step below to embed font from Google Font.
Step 1: Tick on checkbox Google Font
Step 2: Find Font and select font you want for Heading and Body.
You will copy embed a font form and paste it to the box. Then you add "CSS rules to specify families" to the "Heading font family + font weight" and "Body font family + font weight" in the Typography.
2. Headings and Body configs
2.1. Headings
There are many options for you configure:
Font size scale: To change the default font size for titles, the minimum font size is 80% and the maximum font size is 150%. Each scale increase causes the font size to increase by 5%.
Line height: The vertical distance between two lines.
Letter spacing: The adjustment of the horizontal white space between the letters in a block of text.
2.2. Body config
Base size (mobile): This option allows you change text font-size body on mobile.
Base size (tablet and desktop): This option allows you change text font-size body on tablet and desktop.
Line height: The vertical distance between two lines for body text.
Letter spacing: The adjustment of the horizontal white space between the letters in a block of text for body text.
