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?