Opulent - OS2.0
  • What is Opulent theme?
  • Support Policy
  • Getting Started
    • Install Opulent Theme
  • Add Custom code/CSS correctly
  • Integrate Shopify Review apps
  • Mega Menu
  • Update Opulent theme
  • GLOBAL SECTION
    • Announcement Bar
  • Age verifier pop-up
  • Header
  • Footer
  • Mobile sticky bar
  • Scaling logo
  • THEME SECTIONS
    • Before/ After image slider
  • Blog Posts
  • Countdown timer
  • Custom content
  • THEME SETTINGS
    • General settings
  • Advanced
  • Animations
  • Badges
  • Article Card
  • Cart settings
  • Checkout
  • Color & Color schemes
  • Currency format
  • Drawer & pop-up
  • GDPR settings
  • Integrated apps
  • Integration
  • Product card
  • Product inventory
  • Product options desgin
  • Production option swatches
  • Social sharing
  • Search
  • Section
  • Typography
  • COLLECTIONS & PRODUCTS
    • Product page
      • Custom product templates
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommendations
  • Product description
  • Collection page
    • Collection template
    • Collection sections
  • OTHER PAGES
    • 404 page
    • Blogs
    • Cart & Checkout
    • Password
  • ❓FAQs
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Customize search results
    • Hide sections on mobile/ desktop view
    • Install demos
    • Remove the tax-included information in product page
    • Set up Filters for the collection pages
    • Set up local pickup
    • Why did I check the show account icon option but don’t see it appear?
Powered by GitBook
On this page
  • Body text and Headings
  • Buttons

Typography

Use default or custom font for the website

PreviousSectionNextProduct page

Last updated 1 year ago

Steps

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

  2. Locate Typography

  3. Make necessary changes

  4. Save

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, kindly follow the steps below:

Allow multiple links, each link in a new line. Please upload the font to and paste the link into the blank field. These formats TTF, OTF, WOFF & WOFF2 are supported.

Font Library

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

Body text

Headings

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.

Custom font

Shopify files