[Support request] Add custom font not working

[Lisa]

I have followed the instruction of this doc (attached print screens of all stages)
https://docs.generatepress.com/article/adding-custom-font/
the font does not appear in the font list.

the page
https://prnt.sc/jl6wxt

Uploaded fonts
https://prnt.sc/jl6fus

Font in css
https://prnt.sc/jl6evg

COde snippet
https://prnt.sc/jl6f4r

GeneratePress 2.1.2

GP Premium 1.6.2

[Leo]

Hi Lisa,

So the font is working but it’s just not showing up in the list?

Can you make sure to check the bottom of the list (won’t show up alphabetically) or type the font name in search bar?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Lisa]

HI Leo
Even when I set the style in css it does not work.
I gave the title a “class” – still font not correct.

and not in list anywhere

[Tom]

Make sure the URLs within your @font-face block are complete (including your domain name). They need to link to the files if you were to place the URL into your address bar.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Lisa]

Tom hi
these are the fonts in file manager https://prnt.sc/jl6fus
and this is the code that I found to use…(I dont have woff2)
@font-face {
font-family: ‘Variane-Script’;
src: url(‘http://MYDOMAIN.COM/wp-content/themes/generatepress_child/Variane-Script.eot’); /* IE9 Compat Modes */
src: url(‘http://MYDOMAIN.COM/wp-content/themes/generatepress_child/Variane-Script.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘http://MYDOMAIN.COM/wp-content/themes/generatepress_child/Variane-Script.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘http://MYDOMAIN.COM/wp-content/themes/generatepress_child/Variane-Script.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘http://MYDOMAIN.COM/wp-content/themes/generatepress_child/Variane-Script.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘http://MYDOMAIN.COM/wp-content/themes/generatepress_child/Variane-Script.svg#svgFontName’) format(‘svg’); /* Legacy iOS */
}

Still not working

[Tom]

So when you open the font family dropdown in the Customizer, the font doesn’t exist within the System Fonts area?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts