Shopify themes, liquid, logos, and UX
I'm currently using two custom fonts on a site and only one is loading correctly.
I'm at my wits' end.
Both fonts have the same CSS in my css-variables.liquid file and both are set up identically, I've checked the files are loaded and tried multiple approaches
in css-variables.liquid
@font-face {
font-family: 'Bebas Neue';
src: url('{{"BebasNeue-Regular.woff2" | asset_url}}') format('woff2'),
url('{{"BebasNeue-Regular.woff" | asset_url}}') format('woff'),
url('{{"BebasNeue-Regular.ttf" | asset_url }}') format('truetype');
}
@font-face {
font-family: 'Jakarta';
src: url('{{"PlusJakartaText-Regular.woff2" | asset_url}}') format('woff2'),
url('{{"PlusJakartaText-Regular.woff" | asset_url}}') format('woff'),
url('{{"PlusJakartaText-Regular.ttf" | asset_url }}') format('truetype');
}
I've also tried in theme.css.liquid
@font-face {
font-family: "Plus Jakarta Sans";
src: url("PlusJakartaSans-Regular.woff2") format("woff2"),
url("PlusJakartaSans-Regular.woff") format("woff");
}
@font-face {
font-family: "Bebas Neue";
src: url("BebasNeue-Regular.woff2") format("woff2"),
url("BebasNeue-Regular.woff") format("woff");
}
And had no luck. Only Plus Jakarta Sans will load.
Can anyone offer any help?
sorry for that issue
shopify custom font doesn't allow to editor
please this link shopify allow this font on editor
https://shopify.dev/themes/architecture/settings/fonts
I think you misunderstand:
I've set them as the Heading and Body font.
The Body font (Plus Jakarta Sans) works fine and can be seen both on the live site and while editing.
The Heading font (Bebas Neue) sadly doesn't show in the editor.
This is most strange.
yes i know that but shopify custom font doesn't allow on editor
User | RANK |
---|---|
64 | |
58 | |
48 | |
42 | |
41 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023