www.wysiwygwebbuilder.com

why is the font "Bebas Nue" not displayed correctly on the mobile browser, but everything is fine on the laptop browser? maybe I'm connecting them incorrectly?

Hard to say. Is there correct CSS code to display this font? If you have it installed on your computer but not on your phone it will look correct on desktop but not mobile. To work correctly on all devices the correct code needs to be there. Do you have a link to the page to view?

follow the link https://saytal.online/test

So what object should we be paying attention to that doesn't look right in mobile?

I uploaded your demo here:
https://webbuildertemplates.com/demo/fontdemo/

Looking at it on my mobile, it looks the same as desktop

and on my mobile browser, the font that I specify is displayed completely different

Maybe your phone is blocking Google fonts? If it happens only on your phone and not others then it's obviously something with your phone. Did you try different browsers on your phone?

I try it on three browsers at once, chrome safari and opera

it seems to me that I have something with the program settings, because I publish the text as a picture, then the font is displayed

now I tried to change the font to oswald, too. Only the default fonts are displayed as is,the rest of the Google fonts are displayed as if by default in one font, I think arial

Maybe your browser blocks access to Google Fonts?

it seems to me that I have something with the program settings, because I publish the text as a picture, then the font is displayed

That's because the text is now part of the image and no longer actual text.

Can you try a different phone and check my demo link?

Could some other users check the demo link?

crispy68 wrote: ↑Thu May 11, 2023 10:09 pm

it seems to me that I have something with the program settings, because I publish the text as a picture, then the font is displayed

That's because the text is now part of the image and no longer actual text.

Can you try a different phone and check my demo link?

Could some other users check the demo link?

Hi crispy... checked the link you published. The desktop and the phone differs. In Edge on desktop it looks wrong... menu and plain text looks wrong like (Times or Serif) The headlines looks ok and same in smartphone. In smartphone the menu and plain text are sans serif like Helvetic or Oswald...
The browser in smartphone... also Edge...

Only the dark heavy font is Bebas neue. The regular text should be ignored. Does this font look different between desktop and mobile? It looks the same for me. I've checked on Samsung, Firefox and Chrome browsers.

I have already done a lot of experiments, changed everything, in short, it seems to me that the problem is in the "text" field. If you enter a word in the same font from the "Heading" field, then everything is fine, but if you write from the "test" or "responsive text" field, the default font is displayed, even it changes uppercase to lowercase at its discretion))

all the guys I solved the problem, it was very simple))). I have not added the font " " in the google fonts settings

all the guys I solved the problem, it was very simple))). I have not added the font " Babes Nue " in the google fonts settings

thank you for support