Adding Custom Fonts to Shopify

Adding Custom Fonts to Shopify

  1. Download font file and convert it to woff2 format
  2. Upload the font to asset file


3. add it to base.css 


4. We can use for any element now.

    • Related Articles

    • Shopify Subscriptions

      The Shopify Subscriptions app is connected to your Shopify store, so you can build and manage your subscriptions without leaving your admin. Adding subscriptions as a purchase option lets you sell products on a recurring basis. By using the Shopify ...
    • Hide products from Google & Shopify Search

      1. Access Your Shopify Admin Log in to your account to enter the backend of your store. Familiarize yourself with the intuitive Shopify admin page and interface, setting the stage for effortless product management. Think of it as your store's control ...
    • Adding and updating products

      You can add new products, or update product information such as price, variants, and availability, from the Productspage in your Shopify admin, or in the Shopify app.
    • Add custom text to the cart drawer

      1. Open cart-drawer.liquid file 2. Add html at the highlighted area >> <div class="message" style="background:#fff2d7;"> <p style="padding: 5px;">YOU ARE ELIGIBLE FOR THE DISCOUNT OF 50%</p> </div>
    • Display bundle items in product page

      Add Metafields to Bundle Product Example metafield: Namespace & key: custom.bundle_items Type: List of Products (this is the ideal type for linking individual Shopify products) Assign Metafields to Bundle Product: Go to the bundle product in your ...