Code not working on mobile

Site URL: https://www.bijouxcreative.com/content-creation

Hi guys,

I implemented the below code so that I could use two different font styles in the same block. The code works so that anything I mark as bold, changes to the desired style I've put in the code.

This works perfectly on desktop and mobile preview, however when checking the link on my phone, it doesn't seem to work (see screenshot attached).

Any ideas on how I can fix this?

- THE CODE -

b, strong {
   font-family: 'Brandon Grotesque', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 16px;
   letter-spacing: 0.04em;
   text-transform: normal;
   line-height: 1.4em;
}

That text isn't bold, so that code isn't working at all. On desktop its using a different font.

Hi, I have exactly the same problem, on the code block here. "Playfair Display" font works perfectly on desktop and mobile preview, but not on phones' browsers. Did you find a solution?

Thank you very much.

On 3/22/2021 at 12:19 AM, beaibeas said:

Hi, I have exactly the same problem, on the code block here. "Playfair Display" font works perfectly on desktop and mobile preview, but not on phones' browsers. Did you find a solution?

Thank you very much.

Hi. Have you solved it yet?