Archived topic
Add custom font not working
5 replies · Started by Lisa on May 22, 2018
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
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 :)
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
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.
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
So when you open the font family dropdown in the Customizer, the font doesn't exist within the System Fonts area?