Adding custom fonts to a Shopify theme

Поділитися
Вставка
  • Опубліковано 9 лют 2025
  • In this video you'll learn how to add custom fonts to any Shopify theme.
    Input settings docs - shopify.dev/do...

КОМЕНТАРІ • 54

  • @sergeykaravaev1385
    @sergeykaravaev1385 4 місяці тому +1

    Thanks a lot for the clear instructions. Followed you step by step, and everything worked!

  • @BrawlerMark
    @BrawlerMark 2 роки тому +10

    I’m new to shopify. Really enjoying your videos. Could you maybe cover the best way to get started as a shopify Dev? Like how would you recommend someone learn from zero? I am pretty experienced in front end, just no knowledge of shopify.

  • @abramjessiah
    @abramjessiah Рік тому +10

    you lost me at .json. I uploaded the font via the content/files - why isn't the font just selectable from the font list after that?

  • @SeanSzukhent
    @SeanSzukhent Рік тому +3

    Thank you for this. Extremely clear and concise, with a very clean video format. Liked and subbed.

  • @nadimhasnat1313
    @nadimhasnat1313 Рік тому

    Thanks man it just saved my lots of time. I appreciate it.

  • @SigKappel
    @SigKappel Рік тому +13

    very good, is there a way to add the font to the picker ?

    • @roysaucedo
      @roysaucedo 5 місяців тому +1

      I've always wondered this too

  • @jhurelsulit775
    @jhurelsulit775 2 роки тому +2

    Your videos are really helpful thank you!! I'm new to shopify theme dev, can you please make a full video of creating a shopify theme from scratch to deployment please??

    • @waheedahmad451
      @waheedahmad451 2 роки тому +1

      He already has a video from scratch. You can find here: ua-cam.com/video/zCDo-l5DJSo/v-deo.html

  • @JahanzaibRao
    @JahanzaibRao 10 місяців тому +1

    Hey, I'm having an issue with a custom font. I've uploaded the font files in all four formats: woff, eot, svg, and ttf. However, the font isn't rendering properly. I'm using Montserrat-Medium in the Shopify Refresh theme.

  • @Hasan-hp2nn
    @Hasan-hp2nn Рік тому +2

    thank you for this video, i was able to get the custom font uploaded to the desktrop version of it but not the mobile one. how do i get it to where it shows on both?

  • @thomaspondelek192
    @thomaspondelek192 Рік тому

    Thanks - clear and straight forward

  • @auvdhishmoradiya9034
    @auvdhishmoradiya9034 2 роки тому +1

    Hey robby you make owsm informative video please make full guide like roadmap of liquid language learning..
    How to learn liquid language and start as beginner...
    Please help to find useful tool and pograms and guide which help to learn liquid language..

  • @josephandres4324
    @josephandres4324 Рік тому +1

    i'm getting "Failed to load resource 403 forbidden" in the console

  • @erikswanson3441
    @erikswanson3441 4 місяці тому

    ok but is that custom font going to show up in the theme editor font selection?

  • @dngineer
    @dngineer Рік тому +12

    I don't have styles.css??

    • @MinimalistWealth
      @MinimalistWealth Рік тому

      me either

    • @bloodflare3862
      @bloodflare3862 11 місяців тому

      same

    • @roysaucedo
      @roysaucedo 5 місяців тому +1

      It is probably called something different like theme.css or base.css. It depends on your theme

  • @anas.g
    @anas.g 3 місяці тому

    Didn't you thought by any chance to provide the code you have in there so we can use it and not have to rewrite it?

  • @jaistow6090
    @jaistow6090 Рік тому

    Thanks Robby - awesome :)

  • @iftinur
    @iftinur 6 місяців тому +1

    ua-cam.com/video/UjWU3XLgT1E/v-deo.htmlsi=3CwYzbZZBKqDYSQT | New video Add a CUSTOM FONT To Your Shopify Store

    • @myxtrix
      @myxtrix 19 днів тому

      Its free though

  • @jaymend2
    @jaymend2 5 місяців тому

    Hey Bobby. Thank you so much for this amazing tutorial! Is it possible to add custom fonts to a password page on Shopify? I'm trying to do so following your instructions on this video, and I haven't been successful.

  • @taimourkhan2127
    @taimourkhan2127 2 роки тому +1

    please make complete course .. from scratch.

  • @farukweb
    @farukweb Рік тому

    css font not working on mobile for me. can you help me ?

  • @smrblockbuster
    @smrblockbuster 7 місяців тому

    how to add a google fonts all add into a font picker in shopify can you guide

  • @SaintJacqueline
    @SaintJacqueline Рік тому

    Will this work on any theme? Or only on Dawn?

  • @Buzwithani
    @Buzwithani 11 місяців тому

    bro's mogging

  • @boffinschist1098
    @boffinschist1098 10 місяців тому

    I use shopify code to avoid moving up to vscode to get frustrated again. put it in your title would be good

  • @mistyrose7511
    @mistyrose7511 5 днів тому

    How can I get someone to do this for me? 😭

  • @consciouscontact111
    @consciouscontact111 5 місяців тому

    your flying

  • @oloruntobafemi
    @oloruntobafemi Рік тому

    Thanks for simplifying the process...very useful. Not sure why it didn't work with my theme. Can you assist please?

  • @bytebounce
    @bytebounce 7 місяців тому

    thanks for help.

  • @jamiedavies9041
    @jamiedavies9041 Рік тому +1

    How do you upload a custom font?

  • @stephc3513
    @stephc3513 Рік тому

    Hi there! Can you show how to do this but for the body text?

  • @thefootballpunnedit
    @thefootballpunnedit Рік тому +1

    What is the program he's using to edit the code... I don't have that. Just the in shopify settings he's editing the code on another software.

  • @AriBarrow
    @AriBarrow Рік тому

    i need your help, i changed the font and it works on all pages but not on the password protectin page

    • @codingwithrobby
      @codingwithrobby  Рік тому

      The password page usually uses a different template and doesn’t load the same stylesheet. Make sure to checkout the password.json/liquid

  • @ajmalDeveloper
    @ajmalDeveloper 2 роки тому

    My second best youtuber for liquid.
    Could you please make a video on quick view product at collection page. Please

  • @williamdavidson9700
    @williamdavidson9700 Рік тому

    Do you offer development as a service?

  • @muhammadaqibshahzad9494
    @muhammadaqibshahzad9494 2 роки тому

    How to add custom options with price in a product

  • @ReturnOfJackDawson
    @ReturnOfJackDawson 10 місяців тому

    where the f is the json file explorer?

  • @jonesmadsen
    @jonesmadsen Рік тому +8

    Slow tf down

  • @UNDGT
    @UNDGT Рік тому

    Wtf is skeeming jason

  • @AlmostDead
    @AlmostDead Рік тому

    very confusing. you added variables to use them for font-family property in css file, then next in the video there was a cut and the font family with variable was gone, and you added the name of the font-family from @font-face....

  • @gabrielamuniz1656
    @gabrielamuniz1656 Рік тому

    Thanks for this breakdown but I cannot get it to work :( Is there something glaringly wrong in this chunk of code?
    @font-face {
    font-family: "ChickenScratch";
    src: url("./ChickenScratch.woff2") format("woff2"),
    url("./ChickenScratch.woff") format("woff");
    }
    Thanks!!