This topic has 4 replies, 2 voices, and was last updated 7 years, 2 months ago ago by Olga Barlow
Hi,
I have added a custom font using @font-face. I have uploaded the font (different extensions) to Wp-content and added the following code to the style.css of the Child theme:
@font-face {
font-family: ‘functioncondensed’;
src: url(‘function-condensed-webfont.eot’);
src: url(‘function-condensed-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘function-condensed-webfont.woff2’) format(‘woff2’),
url(‘function-condensed-webfont.woff’) format(‘woff’),
url(‘function-condensed-webfont.ttf’) format(‘truetype’),
url(‘function-condensed-webfont.svg#functioncondensed’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
After that I have added custom css to the custom code field of your theme.
Everything works well on desktop (chrome and IE) However, it doesn’t work at all in Firefox and on mobile devices using ios.
Could you please advice?
I really appreciate your prompt reply.
Best regards,
Johan
Hello,
1) First of all, want to tell you that you can use Theme Options to upload custom font http://prntscr.com/gqshxj and use it for the necessary elements: body headings http://prntscr.com/gqsiim or menu.
2) For me it works in FF http://prntscr.com/gqshke and Safari.
Regards
Hi,
Thx for your prompt reply. I have uploaded the fonts using your theme options.
Thx
You are welcome! I’m glad that you sorted out.
Regards
Tagged: custom font, font-face, seo friendly, themes, wordpress woocommerce
You must be logged in to reply to this topic.Log in/Sign up