Archived topic
failing at uploaded fonts
4 replies · Started by sparkle on March 13, 2022
hi there,
first time user of the dynamic font system and i'm not sure what i'm doing wrong. we want to change one of our fonts to a non google font. i uploaded the font via ftp to a custom image directory i use and put this code into the css in my child theme:
@font-face {
font-family: 'Azonix';
src: url('https://www.mywebsite.com/wp-content/i/Azonix.eot'); /* IE9 Compat Modes */
src: url('https://www.mywebsite.com/wp-content/i/Azonix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://www.mywebsite.com/wp-content/i/Azonix.woff2') format('woff2'), /* Super Modern Browsers */
url('https://www.mywebsite.com/wp-content/i/Azonix.woff') format('woff'), /* Pretty Modern Browsers */
url('https://www.mywebsite.com/wp-content/i/Azonix.ttf') format('truetype'), /* Safari, Android, iOS */
}i got the typeface added in the typography manager, butwhen i change the setting for my H1 for example, the new font isn't uploaded, i just see the text in a system font.
what did i miss? thanks as always!
Hi Sparkle,
You have a typo in your @font-face CSS, try replace it with this:
@font-face {
font-family: 'Azonix';
src: url('https://www.mywebsite.com/wp-content/i/Azonix.eot'); /* IE9 Compat Modes */
src: url('https://www.mywebsite.com/wp-content/i/Azonix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://www.mywebsite.com/wp-content/i/Azonix.woff2') format('woff2'), /* Super Modern Browsers */
url('https://www.mywebsite.com/wp-content/i/Azonix.woff') format('woff'), /* Pretty Modern Browsers */
url('https://www.mywebsite.com/wp-content/i/Azonix.ttf') format('truetype'); /* Safari, Android, iOS */
}Let me know :)
that works! and for the life of me i can't see the difference between those code bits, but you are right as always. thanks.
:)
oops forgot to mark as resolved :)
Haha, it's the last , in the code, it should've been ;
Glad it's working now :)
