We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Font Addition Help - Ahsing.otf converted to Ahsing.woff2 format into the Spotlight Theme.

Font Addition Help - Ahsing.otf converted to Ahsing.woff2 format into the Spotlight Theme.

puyavenusta
Tourist
7 0 3

Hello All,

 

I have attempted to add a font in .woff2 format into my shopify themes.

 

I am using spotlight theme. I am trying to add the "Ahsing" font into my store.

The original font file that I was able to download was an .otf format, I then converted it to a .woff2 using an online converter.

 

I then uploaded the .woff2 format to Assets in my code.

Then went to base.css and went to the bottom and added this snippet of code I got from another persons question on these boards.

 

@font-face {

  font-family: 'Ahsing-Regular';

  src: url('Ahsing-Regular.woff2') format('woff2');  

  font-style: normal;

 

  }

tagname or .classname or #id{

  font-family: Ahsing;

}

 

 

After this, how can I access the font? I went to typography in my online store builder and it was not there.

 

Did I do something wrong?

 

Please help.

 

Thank you!

Reply 1 (1)

suyash1
Shopify Partner
11112 1367 1751

@puyavenusta - try -  font-family: Ahsing-Regular 

 

if everything is fine then this css will be applied to class/if you gave, will not need to set from typography

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com