Vetgedrukt werkt niet in Chrome met extern font

[havana]

Mijn vraag

Op mijn website (zie signature) gebruiken we een extern font. Probleem is eigenlijk heel simpel. In Chrome wordt vette tekst <b> of <strong> niet weergegeven en in Safari wel.

Voorbeeld Chrome:



Zelfde artikel in Safari, nu wel vette tekst.



Software:

Custom gebouwd CMS, geen Wordpress o.i.d.

Wat ik al gevonden of geprobeerd heb

Googlen. Maar ik kom er met mijn beperkte kennis niet uit.

[RobIII]

Begin eens vooraan: bevat het lettertype überhaupt een "vette" variant?

[Ramon]

Je gebruikt Bai Jamjuree Regular. Je kan hier dan wel de font-weight van aanpassen maar dan krijg je een soort "nep-bold". Beter is om Bai Jamjuree Semi-Bold of Bai Jamjuree Bold te gebruiken zodra de font-weight omhoog gaat. Dit kan je aanpassen in je @font-face definities, zie bijvoorbeeld: https://www.smashingmagaz...at-font-face-declaration/

Voorbeeldje:

code:

@font-face {
   font-family: 'UbuntuItalic';
      src: url('Ubuntu-RI-webfont.eot');
      src: url('Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
           url('Ubuntu-RI-webfont.woff') format('woff'),
           url('Ubuntu-RI-webfont.ttf') format('truetype'),
           url('Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
   font-weight: 400;
   font-style: italic;
}

@font-face {
   font-family: 'UbuntuBold';
      src: url('Ubuntu-B-webfont.eot');
      src: url('Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
           url('Ubuntu-B-webfont.woff') format('woff'),
           url('Ubuntu-B-webfont.ttf') format('truetype'),
           url('Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
   font-weight: 700;
   font-style: normal;
}