Shopify themes, liquid, logos, and UX
Hi,
I have uploaded 4 fonts to assets.
I have allocated the heading font and body font in typography fine.
How would i update css to be able to use the next two ?
Amalfi coast font in Hexcode #F44A87 to be used when i click italic in the shopify theme editor.
KIONA font to be shown when i click Bold in the shopify theme editor
hey @Hello2222 ,
First, generate font face of your fonts from this website https://transfonter.org/
and then add that CSS file to the assets and then upload the fonts files and replace the file destination.
Thank you for your reply.
I added this:
<style>
@font-face {
font-family: 'CaslonCP-_1';
src: url('https://cdn.shopify.com/s/files/1/0449/3266/1416/files/CaslonCP-_1.woff2?v=1708950995');
}
@font-face {
font-family: 'Kiona-Bold';
src: url('https://cdn.shopify.com/s/files/1/0449/3266/1416/files/Kiona-Bold.woff2?v=1708951011');
}
@font-face {
font-family: 'amalfi-coast-_1';
src: url('https://cdn.shopify.com/s/files/1/0449/3266/1416/files/amalfi-coast-_1.woff2?v=1708951043');
}
@font-face {
font-family: 'ITC_Avant_Garde_Gothic_Book_Regular';
src: url('https://cdn.shopify.com/s/files/1/0449/3266/1416/files/ITC_Avant_Garde_Gothic_Book_Regular.woff2?v=1...');
}
h1{
font-family: 'CaslonCP-_1';
}
}
h2{
font-family: 'Kiona-Bold';
}
}
h3{
font-family: 'amalfi-coast-_1‹';!important;
}
p {
font-family: 'ITC_Avant_Garde_Gothic_Book_Regular';
}
However when i select h2, h3 in the theme editor the font doesnt appear
I'm not sure how to select them?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025