Return to previous page

Custom font @font-face - by Divites - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow

Divites

Participant

September 27, 2017 at 18:32

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

Please, contact administrator
for this information.

#173608 Copied Theme version: 4.7 WooCommerce version: 3.1.2

3 Answers

Olga Barlow

Participant

September 28, 2017 at 15:34

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

#173707 Copied

Divites

Participant

September 28, 2017 at 20:14

Hi,

Thx for your prompt reply. I have uploaded the fonts using your theme options.

Thx

#173730 Copied

Olga Barlow

Participant

September 29, 2017 at 07:45

You are welcome! I’m glad that you sorted out.

Regards

#173741 Copied
Tagged: custom font, font-face, seo friendly, themes, wordpress woocommerce
Viewing 4 results - 1 through 4 (of 4 total)