📖
Glozin Shopify
Open Store FreeTheme FeaturesDemoOnline SupportBuy Theme
  • Introduction
  • Theme features
  • Changelog
  • get started
    • Install theme
      • Install Glozin In One-Click Fast Way
      • Install Glozin Manually
    • Update theme
      • Update Glozin In One-Click Fast Way
      • Update Glozin Manually
    • Purchase code & Activation
    • Custom data
      • Create required pages
      • Create required metafields
  • shopify apps
    • Required apps
    • Recommended apps
  • recommended partners
    • Theme Partners
    • App partners
      • Marketing & Conversion
      • Store Management
      • Order & Shipping
      • Store Design
      • Finding Products
      • Selling Products
      • Page
    • Service Partners
  • shopify knowledgebase
    • User guide
    • Edit theme code
  • how to change elements of page?
    • Home pages
      • Home Main
      • Home Chic Boutique
      • Home Footwear
      • Home Modern Wardrobe
      • Home Cosmetic
      • Home Minimal Furniture
      • Home Elegant Style
      • Home Paw Paradise
      • Home Sock
      • Home Activewear
      • Home Healthy Haven
      • Home Morden Furniture
      • Home Underwear
      • Home Echelon Watches
      • Home EchoZone
      • Home Single Product
    • Collection page
      • Horizontal filter layout
      • Vertical filter layout
        • Left filter
        • Right filter
      • Drawer filter layout
      • Pagination style
        • Load more button
        • Page number
        • Infinite scroll
      • List view
    • Collection list page
      • Default design
      • Modern design
    • Product page
      • Thumbnail left
      • Thumbnail bottom
      • Hidden thumbnail
      • Grid 1 column
      • Grid 2 column
      • Stack layout
    • Blog page
      • Left sidebar
      • Right sidebar
      • Grid layout
      • List layout
    • Other pages
      • Search page
        • Horizontal filter layout
        • Vertical filter layout
          • Left filter
          • Right filter
        • Drawer filter layout
      • 404 page
      • Password page
  • theme settings
    • Purchase code
    • Logo and favicon
    • Layout settings
    • Section
    • Typography
    • Color
    • Browser tab notifications
    • Badges
    • Product cards
    • Color swatches
    • Search behavior
    • Wishlist
    • Cart
    • Social media
    • Preload page
    • Animation
    • Store information
    • Currency format
    • Cookies
    • Terms & Condition
    • Custom CSS
  • header group
    • Announcement bar
    • Top Bar
    • Header
      • Mega menu with banner image
      • Mega menu with product
      • Mega menu with collection
    • Custom HTML
    • Custom Liquid
  • footer group
    • Footer
      • Store information
      • Menu
      • Newsletter
      • Custom Liquid
  • fixed group
    • Fake order
    • Mobile navigation bar
    • Quickview
    • Custom colors
  • overlay group
    • Age verifier popup
    • Newsletter popup
    • Before you leave
    • Promotion popup
  • Theme sections
    • Blog posts
    • Brand logo
    • Collection list
    • Outfit Ideas
    • Collection packery
    • Collection tab
    • Counter
    • Custom HTML
    • Custom Liquid
    • Divider
    • Featured product
    • Faq
    • Icon box
    • Image comparison slider
    • Image with text overlay
    • Instagram
    • Instagram shop
    • Lookbook image
    • Lookbook product
    • Multi content
    • Newsletter
    • Slideshow
    • Products deal
    • Products carousel
    • Products grid
    • Products list
    • Products recently viewed
    • Product testimonials
    • Rich text
    • Scrolling text
    • Shopable video
    • Video with text overlay
    • Tiktok video
    • Testimonials
    • Testimonials single
    • Promotion banner
    • Help center
  • collection page
    • Edit collection page
    • Collections list page
      • Page heading
      • Collections list page
    • Collection page
      • Collection banner
      • Sub collection
      • Collection page
      • Filters
  • product page settings
    • Edit product page
    • Breadcrumbs
    • Product information
      • Review and sold
      • Live view
      • Countdown timer
      • Variant picker
      • Product addons
      • Stock countdown
      • Buy buttons
      • Model size
      • Product grouped
      • More colors
      • Text
      • Product custom field
      • Product meta
      • Delivery return
      • Collapsible row
      • Complementary products
      • Trust badge
      • Custom Liquid
      • 360° Product
    • Product set
    • Related product
    • Product thumbnails position
      • Thumbnail left
      • Thumbnail bottom
      • Hidden thumbnail
      • Grid 1 column
      • Grid 2 columns
      • Stack layout
      • Open lightbox
      • Inner zoom circle
      • Inner zoom square
      • External zoom
    • Variant image group
    • Setup External/Affiliate product
    • Setup product group
    • Frequently bought together products
  • OTHER PAGES SETTINGS
    • Blogs
      • Blog category
      • Tags
      • Recent post
      • Banner image
    • Blog posts
    • 404 Page
    • Password
    • Our store
    • About
    • Contact
    • Faqs
    • Compare
    • Wishlist
  • FREQUENTLY ASKED QUESTIONS
    • How to translate a theme after adding a new default language?
    • The purchase code is already activated on another site
    • Missing images when install Glozin
    • Some pages are missing
    • Theme translation
    • Change currency
    • The desktop screen look more like on a tablet
    • Missing template "layout/theme.liquid"
    • Change free shipping message
    • How to setup pre-order products?
    • How to translate "Buy now" button?
    • How to add a staff account
    • How to change fonts?
Powered by GitBook
On this page
  • Body text
  • Heading text
  • Menu and Button
  1. theme settings

Typography

PreviousSectionNextColor

Last updated 10 months ago

The Glozin theme features a dedicated options panel that allows you to customize the styling of each site component in great detail. Here, you can adjust the font style and size for the text.

Steps

  1. In the theme editor (Customize), click Theme settings

  2. Locate Typography

  3. Make necessary changes

  4. Save

Typography is regarded as one of the crucial elements that influence the look and feel of a website. It encompasses the following components:

Body text

You have the flexibility to use Shopify Fonts, Google Fonts, or the Default Font provided by the theme. Additionally, elements related to typography, such as font size and font weight, are fully adjustable, allowing you to tailor the visual presentation to perfectly align with your brand's aesthetic. This customization ensures your store's text is both visually appealing and consistent with your overall design.

Heading text

You have the flexibility to use Shopify Fonts, Google Fonts, or the Default Font provided by the theme.

Font size scale: This feature allows you to effortlessly adjust the font size based on the original.

Font weight: Determines the weight of the heading font.

Subheading weight: Sets the weight of the subheading font.

Text transform: Options include unset, capitalize, or uppercase.

Letter spacing: Adjusts the spacing between letters.

Menu and Button

The menu font size can be configured to match either the body font or the heading font.

Similarly, the button font can be set to match either the body font or the heading font. Additionally, it includes options for text transformation and setting the radius of rounded corners.

Besides Shopify's default settings, the Glozin theme also provides custom font extension features through our app. Please visit the section to learn more about this advanced feature.

How to change fonts