What's New
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.
Hi
Im trying to use custom fonts. Is loads the font but not totally corrected. It doesn’t load all the weights.
In my font, there are a few weights and styles. It loads normal, bold italic and italic bold but not 300 and 600 and its italics.
I recorded a video showing the custom css code showing 300 and 600 and how it is not included in the options
https://www.screencast.com/t/wY4QL92wc
This is the code I used in the custom code field:
NOTE: THE CODE I ATTACH HERE IS THE CORRECT ONE, IN MY BACKOFFICE I MODIFY THE CSS TO MAKE WORKING THE 600 TRICKING THE CODE AND USING THE SEMIBOLD AS BOLD TO “SOLVE” THE PROBLEM BUT IT SHOULD APPEAR THE OPTIONS 300 AND 600 ANYWAY.
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-Itallic.eot’);
src: url(‘Kiona-Itallic.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-Itallic.woff2’) format(‘woff2’),
url(‘Kiona-Itallic.woff’) format(‘woff’),
url(‘Kiona-Itallic.svg#Kiona-Itallic’) format(‘svg’);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-SemiBoldItallic.eot’);
src: url(‘Kiona-SemiBoldItallic.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-SemiBoldItallic.woff2’) format(‘woff2’),
url(‘Kiona-SemiBoldItallic.woff’) format(‘woff’),
url(‘Kiona-SemiBoldItallic.svg#Kiona-SemiBoldItallic’) format(‘svg’);
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-BoldItallic.eot’);
src: url(‘Kiona-BoldItallic.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-BoldItallic.woff2’) format(‘woff2’),
url(‘Kiona-BoldItallic.woff’) format(‘woff’),
url(‘Kiona-BoldItallic.svg#Kiona-BoldItallic’) format(‘svg’);
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-Light.eot’);
src: url(‘Kiona-Light.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-Light.woff2’) format(‘woff2’),
url(‘Kiona-Light.woff’) format(‘woff’),
url(‘Kiona-Light.svg#Kiona-Light’) format(‘svg’);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-Regular.eot’);
src: url(‘Kiona-Regular.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-Regular.woff2’) format(‘woff2’),
url(‘Kiona-Regular.woff’) format(‘woff’),
url(‘Kiona-Regular.svg#Kiona-Regular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-Bold.eot’);
src: url(‘Kiona-Bold.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-Bold.woff2’) format(‘woff2’),
url(‘Kiona-Bold.woff’) format(‘woff’),
url(‘Kiona-Bold.svg#Kiona-Bold’) format(‘svg’);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-SemiBold.eot’);
src: url(‘Kiona-SemiBold.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-SemiBold.woff2’) format(‘woff2’),
url(‘Kiona-SemiBold.woff’) format(‘woff’),
url(‘Kiona-SemiBold.svg#Kiona-SemiBold’) format(‘svg’);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: ‘Kiona’;
src: url(‘Kiona-LightItallic.eot’);
src: url(‘Kiona-LightItallic.eot?#iefix’) format(’embedded-opentype’),
url(‘Kiona-LightItallic.woff2’) format(‘woff2’),
url(‘Kiona-LightItallic.woff’) format(‘woff’),
url(‘Kiona-LightItallic.svg#Kiona-LightItallic’) format(‘svg’);
font-weight: 300;
font-style: italic;
}
You must be logged in to reply to this topic.