Hi,
I uploaded a custom font via import / export of the theme and assigned it to the h6 heading via advanced styling (I could select the uploaded font from the drop down, no problem at all, so I guess the upload / registration of the font worked fine) – but the font is not displayed on the website.
Please advice.
Thanks
Hi,
I did some additional testing and the custom uploaded font can successfully be loaded as body font – so it seems that selecting a custom font via advanced styling (in my case I selected h6) does not work correctly.
So I used the old @font-face method in my style.css child theme directory and now it’s working fine. For reverence if someone else is looking for a solution.
upload the font file in a new created fonts directory in your child themes directory and add the following css into your style.css:
@font-face {
font-family: Great Vibes;
src: url('fonts/GreatVibes-Regular.ttf');
}
/* align h6 font (Great Vibes) with regular text */
h6 {
font-family: 'Great Vibes';
font-size: 24px;
font-weight: 400;
margin: 0.85em 0;
color: #7c6853 !important;
}
Adopt as needed,
Cheers
Hi,
Thank you for the inquiry.
Did you enable the Enfold > Performance > File Compression settings? Please try to disable the compression settings temporarily, then remove the custom css code above. Let us know if it helps with the advanced styling.
You should also update the theme to version 4.9.1 as soon as possible.
Best regards,
Ismael