Archived topic
Different font size of paragraph
7 replies · Started by Swen on December 3, 2021
I have a different font size for paragraphs on some pages.
This only occurs with mobile browsers and there only with google Chrome.
You can see that very clearly in the pictures.
The whole font is wrong with a blog article, even with mobile chrome.
Unfortunately, I can't find the problem and don't know whether it is due to my S10+? I don't have the problem with a normal S10 which I own.
But it is strange that the font in the upper paragraph is correct and not in one below. And that it does not appear on all pages of the webpage.
I deleted the browser cache and completely reinstalled Mobile Chrome, but nothing changes.
Thank you for your help.
I forgot, I had the same problem on other websites as well.
Hi there,
not seeing that specific but i am seeing a font problem i.e there aren't any fonts loading, everything is defaulting to the system stack.
How have the fonts been added to the site ?
You are right about the fonts.
I host them myself but haven't yet.
I now load it from google but the problem is still the same.
I hope you can help me.
Thanks
Swen
I can't see any issue that would cause that.
However you're using a custom fluid font size CSS:
body {
font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1600 - 320)));
}
What happens if you remove that ?
Removing the calc function doesn't change anything.
I just don't get it.
But thanks anyway.
Sorry but i cannot replicate the issue, or see any difference in the CSS styles.
Sounds like an issue with the device its being viewed on.
Maybe it really has something to do with the device!
Thanks!