Ella Documentation
Open a Store for FREEExclusive OffersServicesResources
  • Greeting + Useful Resources
  • Exclusive Offers 🔥
  • Changelog
  • Full Theme Features in Ella 6
  • Installation
    • Install Theme 🎯
    • Update Theme 🔔
      • Update from Ella 1.0, 2.0, 3.0, 4.0, 5.0 to Ella 6.0
      • Update from Ella 6.0 to a higher version
      • Theme Update Service
    • Install App
  • Basic Configuration
    • Customer Registration
    • Shipping Rates
    • Navigation
    • Sticky Toolbar Mobile
    • Online Store 2.0
      • Color Gradient
      • Dynamic Source
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Favicon
      • Wishlist
      • X-shaped cursor
      • Terms and conditions
      • Swatch
      • Variant picker
      • Customization option
      • Customer login
      • Hot stock function
      • Add to cart action
      • Lazy load image
      • Slider dots
      • Slider arrows
      • Pagination
      • Trusted image
      • Dynamic browser tab title
      • Saved price
      • Scroll down to the next section
      • View documentation
    • Product card
      • Change product card layout
      • Set up for product card
      • Positive vibes bundle
      • Product badges
      • Product Swatch
      • Product Action
      • Quick Shop
      • Marquee
    • Theme Language
      • How to set up a different language?
      • How to set up Multiple Languages?
    • Multiple Currencies
    • Multi-Level Categories
    • Quick Search
    • Quick Cart/ Quick Edit Cart
    • Quick View
    • Countdown
    • Free Shipping Calculator Message
    • Someone Purchased Notification Popup
    • GDPR Popup
    • Newsletter Popup
    • Recently Viewed Popup
    • Before You Leave
    • Notify Me When Out Of Stock
    • Ask An Expert
    • Social Media
    • Product Colors
    • General colors
    • Animations
    • Adding custom CSS to your theme
    • Custom JS
    • Checkout
  • Header
    • Header For Desktop
      • Home 01 - Classic
      • Home 02 - Trendy Style
      • Home 03 - In vogue
      • Home 04 - High Fashion
      • Home 05 - Surfing
      • Home 06 - SuperMarket
      • Home 07 - Electronics
      • Home 08 - Large Catalogs
      • Home 09 - Pet Supplies
      • Home 10 - Jewelry
      • Home 11 - Health & Beauty
      • Home 12 - Men Fashion
      • Home 13 - Winter Sport
      • Home 14 - Automotive 1
      • Home 15 - Automotive 2
      • Home 16 - Game
      • Home 17 - Gym
      • Home 18 - Shoes
      • Home 19 - Swimwear 1
      • Home 20 - Furniture
      • Home 21 - Yoga
      • Home 22 - Eyes Wears
      • Home 23 - Plant+ Garden
      • Home 24 - Bicycle
      • Home 25 - Swimwear 2
      • Home 26- Bagratica
      • Home 27 - Men Fashion 02
      • Home 28 - Single Product
      • Home 29 - Chic Couture
      • Home 30 - POD Store
      • Home 31 - Hair Wigs
      • Home 32 - Suitcase
      • Home 33 - Coffee Shop
      • Home 34 - Lunch Set
      • Home 35 - Dietary Supplement
    • Header For Mobile / Tablet
    • Set up Advanced Mega Menu/ Drop Down Menu
      • Label For Menu
    • Mobile Menu
  • FOOTER
    • Footer Layout
      • Home 01 - Classic
      • Home 02 - Trendy Style
      • Home 03 - In vogue
      • Home 04 - High Fashion
      • Home 05 - Surfing
      • Home 06 - SuperMarket
      • Home 07 - Electronics
      • Home 08 - Large Catalogs
      • Home 09 - Pet Supplies
      • Home 10 - Jewelry
      • Home 11 - Health & Beauty
      • Home 12 - Men Fashion
      • Home 13 - Winter Sport
      • Home 14 - Automotive 1
      • Home 15 - Automotive 2
      • Home 16 - Games
      • Home 17 - Gym
      • Home 18 - Shoes
      • Home 19 - Swimwear 1
      • Home 20 - Furniture
      • Home 21 - Yoga
      • Home 22 - Eyes Wears
      • Home 23 - Plant+ Garden
      • Home 24 - Bicycle
      • Home 25 - Swimwear 2
      • Home 26 - Bagratica
      • Home 27 - Men Fashion 02
      • Home 28 - Single Product
      • Home 29 - Chic Couture
      • Home 30 - POD Store
      • Home 31 - Hair Wigs
      • Home 32 - Suitcase
      • Home 33 - Coffee Shop
      • Home 34 - Lunch Set
      • Home 35 - Dietary Supplement
  • SECTIONS
    • Section On Every Page
    • All Sections in Theme
      • Announcement Bar
      • Multitab Image
      • Brand Slider
      • Brands Showcase
      • Banner Motion
      • Before/After Image Slider
      • Blog Posts
      • Blog Posts List
      • Blog Posts Slider
      • Custom Text
      • Custom Image Banner
      • Custom Liquid
      • Custom Press Banner
      • Customer testimonial
      • Customer Review
      • Custom Service Block
      • Custom Product Widget
      • Counter Positions Image Banner
      • Collapsible Content
      • Collection List
      • Featured Categories
      • Featured Product
      • FAQs
      • Google Map
      • Image Banner
      • Instagram
      • Instagram Visual Grid
      • Instagram Special
      • Highlights Lookbook
      • Newsletter
      • Newsletter with banners
      • Newsletter With Countdown
      • Marquee
      • Multilayer image
      • Page
      • Policies Block
      • Product Block
      • Product Block Duo
      • Product Tabs
      • Product Vertical
      • Product Highlight
      • Puzzled Image Banner
      • Rich Text
      • Slideshow
      • Search Block
      • Spotlight Block
      • Special Banner
      • Spotlight Products
      • Slidable Spotlight
      • Sticky Scrolling Banner
      • TikTok Video
      • Video
      • Visual Lookbook
    • Product Combo
  • Collections List Page
    • Demo & Settings Data
    • Collections List Section
  • Collections Page
    • Demo & Settings Data
    • Sub Collection
    • Collection section
      • Collection header
      • Main collection
        • Filter
  • Product Page
    • Demo & Settings Data
    • Product Information
      • Product Media
      • Product Tabs
      • Product Variant
      • Size Chart
      • Description
      • Delivery Time
      • Dynamic Checkout Button
      • Color Comparison
      • Sticky Add To Cart
      • Sold In Last Period
      • Customers Viewing
      • Custom Information
      • How To Set Up Product Description For Each Variant?
      • How To Set Up Product Property By Metafields?
      • How To Set Up Complementary Products?
      • Positive Vibes Bundle
      • Combined Products Listing
      • List Tags
    • Variant Image Grouped
    • Product Bundle
    • Product Combo
    • Quick Order List
    • Product Description Tab
    • Product Recommendations
    • Recently Viewed Products
    • How To Set up Pre-Order Product?
    • How To Set Up Local Pickup?
  • Blog
    • Blog
    • Default Layout
    • Layout 01
    • Layout 02
    • Layout 03
    • Layout 04
  • Article
    • Article
    • Default Layout
    • Layout 01
  • Page
    • How To Create A Page?
    • Find A Store/ Store Locator Page
    • Landing Page
      • Landing Page 01
      • Landing Page 02
      • Landing Page 03
    • Wishlist Page
    • Brands Page
    • Collection Detail Page/ Sub Collection Page
    • FAQs Page
      • Layout 01
    • Lookbook Page
      • Layout 01
    • Contact Us Page
      • Layout 01
      • Layout 02
    • About Us Page
      • Layout 01
      • Layout 02
    • Portfolio Page
      • Layout 01
      • Layout 02
    • Password Page
      • Layout 01
      • Layout 02
    • Other Pages
      • 404 Page
      • Search Page
  • Our Services
    • Theme Installation Service
    • Theme Update Service
    • Theme Development Service
    • Website UI Design
  • Knowledge Base
  • Theme Support
Powered by GitBook
On this page
  • How to setup Google Font?
  • How to setup Shopify Font?
  • Body font
  • Heading font
  • Navigation font
  • Product item font
  • Primary button
  • Secondary button
  • Tertiary button
  • Page title font
  1. Theme Settings

Typography

PreviousMultiple LayoutsNextGeneral

Last updated 7 months ago

Typography allows setting the font elements such as font, font size, and alignment of texts for the site.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Typography.

How to setup Google Font?

  1. Search font.

  2. Copy name of font which you choose.

  3. At Font source setting -> select Google fonts option.

  4. Paste text which you have copied to "Google font name" setting.

How to setup Shopify Font?

  1. At Font source setting -> select Shopify fonts option.

  2. Click the Change button in the Shopify font setting to choose the font you want.

Body font

Setting
Description

Font family

Select a font family to apply to the body text:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the body text ranging from 10px to 100px.

Font weight

Set the font weight to apply to the body text:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Line height

Set the line height to apply to the body text.

Letter spacing

Set the spacing between letters to apply to the body text.

Heading font

Setting
Description

Font family

Select a font family to apply to headings and titles:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to headings and titles ranging from 10px to 100px.

Font weight

Set the font weight to apply to headings and titles:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Font style

Set the font style for headings and titles:

  • Normal

  • Italic

  • Oblique

Text style

Specifies how to capitalize the text of headings and titles:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to headings and titles.

Letter spacing

Set the spacing between letters to apply to headings and titles.

Border height

Set the height of the border (underline) for headings and titles.

Navigation font

Menu level 1

Setting
Description

Font family

Select a font family to apply to the text of Menu level 1:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the text of Menu level 1 ranging from 10px to 100px.

Font weight

Set the font weight to apply to the text of Menu level 1:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the text of Menu level 1:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the text of Menu level 1.

Letter spacing

Set the spacing between letters to apply to the text of Menu level 1.

Menu level 2

Setting
Description

Font family

Select a font family to apply to the text of Menu level 2:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the text of Menu level 2 ranging from 10px to 100px.

Font weight

Set the font weight to apply to the text of Menu level 2:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the text of Menu level 2:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the text of Menu level 2.

Letter spacing

Set the spacing between letters to apply to the text of Menu level 2.

Menu level 3

Setting
Description

Font family

Select a font family to apply to the text of Menu level 3:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the text of Menu level 3 ranging from 10px to 100px.

Font weight

Set the font weight to apply to the text of Menu level 3:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the text of Menu level 3:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the text of Menu level 3.

Letter spacing

Set the spacing between letters to apply to the text of Menu level 3.

Mega menu level 2

Setting
Description

Font family

Select a font family to apply to the text of Mega menu level 2:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the text of Mega menu level 2 ranging from 10px to 100px.

Font weight

Set the font weight to apply to the text of Mega menu level 2:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Font style

Set the font style for the text of Mega menu level 2:

  • Normal

  • Italic

  • Oblique

Text style

Specifies how to capitalize the text of Mega menu level 2:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the text of Mega menu level 2.

Letter spacing

Set the spacing between letters to apply to the text of Mega menu level 2.

Mega menu level 3

Setting
Description

Font family

Select a font family to apply to the text of Mega menu level 3:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the text of Mega menu level 3 ranging from 10px to 100px.

Font weight

Set the font weight to apply to the text of Mega menu level 3:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the text of Mega menu level 3:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the text of Mega menu level 3.

Letter spacing

Set the spacing between letters to apply to the text of Mega menu level 3.

Product item font

Product title

Setting
Description

Font family

Select a font family to apply to the product title:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the product title ranging from 10px to 100px.

Font weight

Set the font weight to apply to the product title:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the product title:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the product title.

Letter spacing

Set the spacing between letters to apply to the product title.

Text line

Allows selection of the number of lines displayed for the product title.

  • 1

  • 2

  • 3

  • Full

Bottom margin

Adjust the space between the bottom edge of the product title and the elements or content below it. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Product vendor

Setting
Description

Font family

Select a font family to apply to the product vendor:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the product vendor ranging from 10px to 100px.

Font weight

Set the font weight to apply to the product vendor:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Font style

Set the font style for the product vendor:

  • Normal

  • Italic

  • Oblique

Text style

Specifies how to capitalize the product vendor:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the product vendor.

Letter spacing

Set the spacing between letters to apply to the product vendor.

Top margin

Adjust the space between the top edge of the product vendor and the elements or content above it. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom margin

just the space between the bottom edge of the product vendor and the elements or content below it. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Product price

Setting
Description

Font family

Select a font family to apply to the product price:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the product price ranging from 10px to 100px.

Font weight

Set the font weight to apply to the product price:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Line height

Set the line height to apply to the product price.

Letter spacing

Set the spacing between letters to apply to the product price.

Top margin

Adjust the space between the top edge of the product price and the elements or content above it. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)

Bottom margin

Adjust the space between the bottom edge of the product price and the elements or content below it. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Product badges

Setting
Description

Font family

Select a font family to apply to the product badges:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the product badges ranging from 10px to 100px.

Font weight

Set the font weight to apply to the product badges:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the product badges:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the product badges.

Letter spacing

Set the spacing between letters to apply to the product badges.

Corner radius

Set the radius of the product badge's corners. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Top padding

Determines the height of the top inner space of the product badges. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the product badges. Can be from 0px to 50px, increasing arithmetically of 2px (pixel).

Left/Right padding

Determines the width of the left and right inner space of the product badges. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Product quick view

These settings are only applied when the Quick View style setting in Product card section is set to Default.

Setting
Description

Font size

Set the font size to apply to the product quick view ranging from 10px to 100px.

Line height

Set the line height to apply to the product quick view.

Corner radius

Set the radius of the quick view button's corners. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Top padding

Determines the height of the top inner space of the quick view button. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the quick view button. Can be from 0px to 50px, increasing arithmetically of 2px (pixel).

Left/Right padding

Determines the width of the left and right inner space of the quick view button. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Show box shadow

Adds a shadow effect around the quick view button.

Blog title font

Setting
Description

Font family

Select a font family to apply to the blog title:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the blog title ranging from 10px to 100px.

Font weight

Set the font weight to apply to the blog title:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the blog title:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the blog title.

Letter spacing

Set the spacing between letters to apply to the blog title.

Blog info font

Setting
Description

Font family

Select a font family to apply to the blog info:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the blog info ranging from 10px to 100px.

Font weight

Set the font weight to apply to the blog info:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the blog info:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the blog info.

Letter spacing

Set the spacing between letters to apply to the blog info.

Primary button

Apply to all buttons except the 'Add to Cart' and 'Buy It Now' buttons.

Setting
Description

Font family

Select a font family to apply to the primary button:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the primary button ranging from 10px to 100px.

Font weight

Set the font weight to apply to the primary button:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the primary button:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the primary button.

Letter spacing

Set the spacing between letters to apply to the primary button.

Corner radius

Set the radius of the primary button's corners. Can be from 0px to 30px, increasing arithmetically of 1px (pixel).

Border width

Determines the thickness of the primary button borders. The range is from 0 to 30px.

Border style

Select the style for the primary button borders:

  • Solid

  • Dotted

  • Dashed

Show outline

Display an outline on the right and bottom of the primary button.

Text alignment

The alignment of the text within the primary button:

  • Left - Aligns the text to the left.

  • Center - Aligns the text in the center.

  • Right - Aligns the text to the right.

Top padding

Determines the spacing between the primary button text and its top border.

Bottom padding

Determines the spacing between the primary button text and its bottom border.

Box shadow

Setting
Description

Horizontal length

Determines how many pixels the box shadow falls horizontally.

Vertical length

Determines how many pixels the box shadow falls vertically.

Blur radius

Determines how blur the shadow is.

Spread

Determines how far the shadow keeps its original thickness from its origin.

Box shadow color

Set the color of the shadow.

Box shadow hover color

Set the color of the shadow when button is hovered.

Opacity

Fill in the desired transparency of the box shadow.

Inset shadow

Select whether the shadow will fall inside of button if YES or outside of button if NO.

Secondary button

Apply to 'add to cart' and 'buy it now' buttons on product detail page.

Setting
Description

Font family

Select a font family to apply to the secondary button:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the secondary button ranging from 10px to 100px.

Font weight

Set the font weight to apply to the secondary button:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the secondary button:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the secondary button.

Letter spacing

Set the spacing between letters to apply to the secondary button.

Corner radius

Set the radius of the secondary button's corners. Can be from 0px to 30px, increasing arithmetically of 1px (pixel).

Border width

Determines the thickness of the secondary button borders. The range is from 0 to 30px.

Border style

Select the style for the secondary button borders:

  • Solid

  • Dotted

  • Dashed

Show outline

Display an outline on the right and bottom of the secondary button.

Text alignment

The alignment of the text within the secondary button:

  • Left - Aligns the text to the left.

  • Center - Aligns the text in the center.

  • Right - Aligns the text to the right.

Top padding

Determines the spacing between the secondary button text and its top border.

Bottom padding

Determines the spacing between the secondary button text and its bottom border.

Box shadow

Setting
Description

Horizontal length

Determines how many pixels the box shadow falls horizontally.

Vertical length

Determines how many pixels the box shadow falls vertically.

Blur radius

Determines how blur the shadow is.

Spread

Determines how far the shadow keeps its original thickness from its origin.

Box shadow color

Set the color of the shadow.

Box shadow hover color

Set the color of the shadow when button is hovered.

Opacity

Fill in the desired transparency of the box shadow.

Inset shadow

Select whether the shadow will fall inside of button if YES or outside of button if NO.

Tertiary button

Apply to 'add to cart' buttons.

Setting
Description

Font family

Select a font family to apply to the tertiary button:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the tertiary button ranging from 10px to 100px.

Font weight

Set the font weight to apply to the tertiary button:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Text style

Specifies how to capitalize the tertiary button:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the tertiary button.

Letter spacing

Set the spacing between letters to apply to the tertiary button.

Corner radius

Set the radius of the tertiary button's corners. Can be from 0px to 30px, increasing arithmetically of 1px (pixel).

Border width

Determines the thickness of the tertiary button borders. The range is from 0 to 30px.

Border style

Select the style for the tertiary button borders:

  • Solid

  • Dotted

  • Dashed

Show outline

Display an outline on the right and bottom of the tertiary button.

Text alignment

The alignment of the text within the tertiary button:

  • Left - Aligns the text to the left.

  • Center - Aligns the text in the center.

  • Right - Aligns the text to the right.

Top padding

Determines the spacing between the tertiary button text and its top border.

Bottom padding

Determines the spacing between the tertiary button text and its bottom border.

Box shadow

Setting
Description

Horizontal length

Determines how many pixels the box shadow falls horizontally.

Vertical length

Determines how many pixels the box shadow falls vertically.

Blur radius

Determines how blur the shadow is.

Spread

Determines how far the shadow keeps its original thickness from its origin.

Box shadow color

Set the color of the shadow.

Box shadow hover color

Set the color of the shadow when button is hovered.

Opacity

Fill in the desired transparency of the box shadow.

Inset shadow

Select whether the shadow will fall inside of button if YES or outside of button if NO.

Page title font

Setting
Description

Font family

Select a font family to apply to the page title:

  • Font family #1

  • Font family #2

Font size

Set the font size to apply to the blog title ranging from 10px to 100px.

Font weight

Set the font weight to apply to the page title:

  • Normal

  • Medium

  • Semi bold

  • Bold

  • Extra bold

  • Black

Font style

Set the font style for the text of the page title:

  • Normal

  • Italic

  • Oblique

Text style

Specifies how to capitalize the page title:

  • Normal

  • Capitalize

  • Uppercase

  • Lowercase

Line height

Set the line height to apply to the page title.

Letter spacing

Set the spacing between letters to apply to the page title.

Optimize your website's performance by utilizing shopify fonts! Selecting a different font can affect the speed of your store.

You can use hundreds of free, open-source fonts available through .

Shopify's font library is a that includes system fonts, a selection of Google fonts, and licensed fonts from . These fonts are free to use on all Shopify online stores, and are provided in both and formats.

Learn more about system fonts.
Google Fonts
collection of fonts
Monotype
WOFF
WOFF2