How to change fonts?
Last updated
Last updated
In our theme, merchants have the flexibility to add and use fonts through four versatile options: Shopify Fonts, Google Fonts, Default Font and custom fonts from our app. Heading and body text will have this setting separately.
With Shopify Fonts, you can easily select from a curated list of fonts optimized for performance and compatibility. Google Fonts offers a vast library of web fonts, allowing you to find the perfect typeface that aligns with your brand’s aesthetic. Default Font will apply our carefully selected font for the theme. Additionally, our app enables you to upload and use custom fonts, giving you complete control over your store’s typography.
This range of options ensures that your online store can have a unique and professional look, enhancing the overall user experience and reinforcing your brand identity.
To select a Shopify font for your store, please follow these enhanced steps:
Step 1: Navigate to your Shopify Admin panel, then go to Themes and click on Customize.
Step 2: In the Theme settings section, go to Typography and select Font type - Shopify.
Step 3: Browse through the available Shopify fonts and directly choose the one that best fits your brand's style.
Step 4: Click Save to apply the changes and update your theme with the new font.
By following these steps, you can easily integrate a Shopify font into your store, ensuring a cohesive and professional look that enhances the overall user experience.
To select a Google Font for your store, please follow these steps:
Step 1: Access your Shopify Admin panel, then navigate to Themes and click on Customize.
Step 2: In the Theme settings menu, find and select Typography, then choose Font type - Google.
Step 3: You can freely explore the wide array of Google Fonts available here and pick the one that complements your brand's aesthetic.
To ensure your Google Font works properly, you need to copy and paste exactly 2 key pieces of information:
The embed code for the font.
The font name used in your theme's code.
Step 4: Enter the information obtained from Google Fonts into the two provided fields.
Step 5: Click Save to implement the changes and refresh your theme with the newly selected Google Font.
By following these steps, you can effortlessly incorporate a Google Font into your store, offering a vast selection of typography options to enhance your brand’s visual appeal and improve the overall user experience.
Choosing Font Style - Default Font allows you to use the font that we have set as the default for the theme. This ensures a cohesive and consistent appearance across your entire store, as the default font has been carefully selected to complement the overall design and aesthetic of the theme. Utilizing the default font also simplifies the setup process, allowing you to maintain a polished and professional look without the need for additional customization.
If you want to use your custom font instead of those above, you can utilize our NS - Discount in Cart Shopify App.
NS - Discount in Cart Shopify App is a powerful tool that not only streamlines the application of discounts directly in the cart but also allows merchants to effortlessly add custom fonts to their store. With this app, you can upload and integrate unique typefaces that align perfectly with your brand's identity, providing a cohesive and professional look across your entire storefront.
Step 1: Go to the app NS ‑ Discount in Cart -> Settings -> Select the Glozin theme you have uploaded -> Save
Step 2: Navigate to the Font tab.
Step 3: Enter the font name and upload your custom font files, specifying each font weight. Then, click Upload Font. Here, you can add custom font for body text and heading separately.
Step 4: Click Save to apply the font to your theme.
A custom font will override all Shopify fonts, Google fonts, and our default theme fonts as long as it is in use. To switch to a different font, you must first remove the custom font.