Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
I added a custom font. It worked on desftop version but not reflected on mobile.
I firstly added the font Loveloblack on ASSET
Then I added the following code in themes liquid (before media screen)
@font-face {
font-family: Loveloblack;
src: url(https://cdn.shopify.com/s/files/1/0445/3721/7182/files/loveloblack.woff?v=1671725840) format('woff2);
Then I added the following codes in base css (after text body)
{
font-family: 'Loveloblack' !important;
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
color: rgb(var(--color-foreground));
line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
word-break: break-word;
}
Could you please help me to make it work on mobile as well?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025