[jensmith3Participant]

Hello,

My site is http://www.bulwarrabees.com.au

I would like to change the font for a text widget to one of the fonts installed in my theme. I have tried this sort of thing without success.

Can you help?

<span style=”color: #333333; font-family: ‘Frutiger’; font-size: 20px;”>One can no more approach people without love than one can approach bees without care. Such is the quality of bees.</span>

– Leo Tolstoy

Many thanks and kind regards,

Jenny

[ThaiModerator]

Hi Jenny,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / Password

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[jensmith3Participant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! Your code is correct, except it is not finding the font you are specifying. It is changing the font though so your CSS format is correct. Would you mind telling us how you are linking to the font?

You may want to review this article on how to use @font-face: https://css-tricks.com/snippets/css/using-font-face/

If you did do this and it’s not working, would you mind providing FTP access so we can take a look. Don’t forget to use a Private Reply.

Let us know how that goes. Hope this helps – thanks!

[jensmith3Participant]

Hello,

As always, thanks for your help. I haven’t linked to the font as didn’t know I had to do this. I was just trying to use a font that was already part of the theme I have installed.

Kind regards,

Jenny

[John EzraMember]

Hi Jenny,

Thanks for updating the thread! If it is font that is already in the customizer then it is a font you can use without uploading the font. However, checking the fonts available I can’t see the font “Frutiger” listed. If you would like to use other fonts that are on the font list in the Typography section of the customizer and it is not working, please do let us know so we can investigate it further. Thanks!

[jensmith3Participant]

Hello again,

I have changed it to this one now but still no luck. Any suggestions much appreciated.

<span style=”color: #333333; font-family: ‘Old Standard TT’; font-size: 20px;”>One can no more approach people without love than one can approach bees without care. Such is the quality of bees.</span>

With thanks and kind regards,

Jenny

[John EzraMember]

Hi Jenny,

Thanks for updating the thread! Try the following:

<span style="color: #333333; font-family:'Old Standard TT',serif; font-size:20px;">One can no more approach people without love than one can approach bees without care. Such is the quality of bees.</span>

It’s the same code except I fixed the elements that got reformatted during copy and past. Copying code and pasting them between editors can cause certain syntax elements to change. For example the quotes will still look like quotes but they have actually changed into either slanted or curled quotation marks. It’s best to always use a code editor to check these and change them.

Here on the forum you can use the code button to make sure your code is inserted into a field that retains it’s original formatting. Copying the code above from the grey box should now work. I have tested it on your site via developer tools.

Hope this helps – thanks!

[jensmith3Participant]

Hello,

Thanks so much. I tried to add in ‘italic’ too but it didn’t work. Would you mind …

Kind regards,

Jenny

[ZeshanMember]

Hi Jenny,

You need to use full font-style property to achieve that. Replace your current HTML code with this:

<span style="color: #333333; font-style: italic; font-family:'Fertigo',serif; font-size:18px;">One can no more approach people without love than one can approach bees without care. Such is the quality of bees.</span>

Thank you!

[jensmith3Participant]

Perfect, thank you so much.

Kind regards,

Jenny

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts