Why does this font render differently on different OS and how to fix it? [closed]
Communities for your favorite technologies. Explore all Collectives
Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
I noticed this font renders differently on Windows vs Samsung/Linux. Why OS? Because the behavior is uniform across browser on those OS. So Firefox and Chrome display the font in the same manner.
body { font-family: 'Katibeh', cursive; } h1 { background: red; margin:0; } <head> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Katibeh&display=swap" rel="stylesheet"> </head> On windows theres extra space on the top.<br> ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ <h1>Hello, this is the Katibeh font!</h1> ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑<br> On linux/samsung theres extra space on the bottom.
Site design / logo © 2024 Stack Exchange Inc; user contributions licensed under CC BY-SA . rev 2024.10.11.16783
Leave a Comment
Related Posts
Recent Posts
PIZZA HUT AIMS TO SUPPORT YOUR JOB SEARCH WITH THE LAUNCH OF ‘ResZAmes’: A PIZZA BOX THAT DOUBLES AS A RESUME
Comment
