Bold font face not working on Chrome

This topic has 8 replies, 3 voices, and was last updated 7 years by Radu.

Author
September 5, 2017 at 18:55 #172686

meilusiono
Participant

Hi, I’m using Roboto family fonts and in Chrome bold faces are not showing. I’ve tried different solutions that are offer troughout the web about this bug, but none is working. Can you help?

Thanks.

September 6, 2017 at 01:06 #172724

Laura
Moderator

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

September 6, 2017 at 16:28 #172761

Radu
Moderator

Hi,

On my browser (chrome) I saw the bold fonts

Maybe you have solved meanwhile ?

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

September 7, 2017 at 15:04 #172851

meilusiono
Participant

Hi,

no, it isn’t working yet. I’m sending you attached screenshot of the Chrome version I’m using in my Mac and how the page is being seen in my computer.

Please note it works perfectly with other browsers..

Thanks!

Attachments:
You must be logged in to view attached files.

September 8, 2017 at 16:03 #172967

Radu
Moderator

Hi,

I’m using also mac and chrome but, there it’s an odd thing, sometimes the bold isn’t treated as bold just like regular.
Now it looks as it should.

I recommend you to set for H5 heading the Roboto Slab and on Font Weight and Style choose bold 700

In this way, you will load two styles one regular and one bold and this should solve the issue.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

September 9, 2017 at 20:10 #173095

meilusiono
Participant

Hi, the only way I could solve it is adding to the header.php <head> this code from Google Fonts:

<link href=”https://fonts.googleapis.com/css?family=Roboto+Slab:700″ rel=”stylesheet”>

And in the CSS file:

b,strong {
font-weight: 700 !important;
}

Problem here is that I am overwriting the header.php file in the child theme.

Is there a way I can add the code in my functions.php?

Thanks,
Sandra
September 11, 2017 at 17:55 #173277

Radu
Moderator
Hi,

Yes

Useing the next function you will add the font to head
COPY CODE
```
add_action('wp_head','Kleo_hook_font');

function Kleo_hook_font() {

$output="<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto+Slab:700' type='text/css' media='all' />";

	echo $output;
}
```
Then in child theme/ style.css

add the css
COPY CODE
```
b,strong {
font-weight: 700 !important;
}
```
Let me know
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
September 12, 2017 at 12:13 #173384

meilusiono
Participant

Great, thanks! It works perfectly.

September 12, 2017 at 17:08 #173418

Radu
Moderator

Great

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
Author

Posts