I had this code to specify the Acumin (sans serif) font for the product title headings, but it now displays the Editorial font (serif) instead. These are fonts I’ve uploaded myself. The code used to work, but noticed that it doesn’t anymore. It did the same to the @DAYOFFHOMEGOODS text on top of my Instafeed app.
.product-recommendations__inner .product-card__title{
font-family: "Your font name here.." !important;
}
I replaced “Your font name here…” with my font file name. Website: https://dayoff.shop/
1 Like
@selinadg
sorry for any issue can you please try this code
Yes, you can do easy to upload your custom font
- Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
can you please just change font name, for example, Montserrat-Regular to your custom font name
@KetanKumar thanks for the reply, but I already know how to upload a custom font. I just want to specify the font in the product title in the product recommendations (2nd section in the homepage) to be a specific font.
@selinadg
yes please share store url and give me custom font name
Ketan,
We’re experiencing this same problem. Our fonts work working fine and suddenly they just don’t work. They are showing in mobile and one of them is not showing on desktop. We can’t even find the same Asset path you mentioned above. You type **"**theme.scss.liquid" but in our end it is: “theme.css.liquid”. there’s no “s” in the asset root directory.
Also there no CSS syntax close to the one you listed above and instruct to copy. I really can’t afford to break our site. Can you please assist me?
Thank you,
Ernesto
