Shopify themes, liquid, logos, and UX
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
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!
@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