So I use the font-family Tahoma on an h3-Tag.
Using Safari on IPhone 13 and on Mac with Catalina I have 2 different font behaviours.
On mobile I have some kind of serif and on desktop version I don't.
The only differences, according to the Properties listed in dev tools, are as follows.
Mobile only:
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
Mobile vs Desktop
Mobile Desktop
font-size: 30px; font-size: 56px;
font-weight: 700; font-weight: bold;
height: 30px; height: 56px;
line-height: 30px; line-height: 56px;
width: 350px; width: 503.625px;
I changed the mobile properties to be the exact same as the desktop ones, but it seems to do nothing.
Also any tips from this post, Safari font rendering issues, didn't help at all.
Does anyone know how to fix the issue?
Here is an Image which shows the difference in display: enter image description here
