Custom Font - Sense Theme

Solved
TEAM-TNR
Excursionist
12 1 1

Hi everyone!

 

Can somebody please help me with adding my own custom font to my Shopify Store? I already tried code searching on the internet but that did not help specific for the Sense Theme. I also tried using a app but that did not work either.

 

Can someone help me with this issue? Thank You in advance!

Accepted Solution (1)
Surbhi_Dudhe
Shopify Partner
113 10 11

This is an accepted solution.

Hello TRMedia,

If you want to use your custom font in your store.

Then you need to download that particular font file on the Woff extension to Google Fonts or any other website.

Then need to upload this file to the shopify file section and copy the link.

Then go to the edit code -> theme.liquid and paste the below code

<style>
      @font-face {
      font-family: "FontFamilyName";
      src: url('your file link') format("truetype"),
           url('your file name') format("truetype");
   }
  </style>
 
then you can use your font family for any class.
 
Thank you
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution



If you wish to engage the services of a Shopify developer, please contact me via email at surbhidudhe022@gmail.com.

View solution in original post

Replies 7 (7)
SirNandez
Shopify Partner
7 1 1

found this :https://blendcommerce.com/blogs/shopify/shopify-fonts

hopefully this helps

Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID info@jomarnandez.dev
Surbhi_Dudhe
Shopify Partner
113 10 11

This is an accepted solution.

Hello TRMedia,

If you want to use your custom font in your store.

Then you need to download that particular font file on the Woff extension to Google Fonts or any other website.

Then need to upload this file to the shopify file section and copy the link.

Then go to the edit code -> theme.liquid and paste the below code

<style>
      @font-face {
      font-family: "FontFamilyName";
      src: url('your file link') format("truetype"),
           url('your file name') format("truetype");
   }
  </style>
 
then you can use your font family for any class.
 
Thank you
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution



If you wish to engage the services of a Shopify developer, please contact me via email at surbhidudhe022@gmail.com.
TEAM-TNR
Excursionist
12 1 1

Thank you for your reply! The issue is solved now.

captmegadeath
New Member
4 0 0

Hi there! This also worked for me--but changed ALL text to this particular font. Is there a way to use it JUST for headings/page titles?

 

Thanks in advance!

Surbhi_Dudhe
Shopify Partner
113 10 11

Hello @captmegadeath ,
Yes you can use .

   @font-face {
      font-family"FontFamilyName";
      srcurl('your file link'format("truetype"),
           url('your file name'format("truetype");
   }
select page heading class and add font family like ss attached.
Surbhi_Dudhe_0-1688477587168.png

 




Thank you
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution



If you wish to engage the services of a Shopify developer, please contact me via email at surbhidudhe022@gmail.com.
WesTrac_Shop
Visitor
1 0 0

Hi, thank you for your reply! Would you know if there's a specific part or location in theme.liquid where we should paste the code? Thank you!

sparklyessntial
Tourist
3 0 2

Hello, I tried but it doesn't work. Also can I change the heading font colors and not affecting the paragraphs?