Baalamurgan
Reputation: 339
Font difference in Mac and Windows on website
I've been facing font line-height issue in either one of Windows or Mac. The position of the font(text) in Windows and Mac acts differently.
Font -> Brasley (16px)
Upvotes: -1
Views: 660
Answers (1)
Baalamurgan
Reputation: 339
Font Brasley acts differently in Mac and Windows because of the default configuration in line-height. If the total line-height is 3 and split 1 each from top to bottom, then the text is displayed like below.
Mac -> left
Windows -> right
Solution: Use Web Safe Fonts (Ex: font-sans, Helvetica, etc..) to solve this issue.
Upvotes: 1
Related Questions
- Line-height works differently on Mac and Windows
- Web Fonts on Mac appear different to Windows
- What would cause a web font to look different on Windows and a Mac?
- Webfonts not matching between OS X and Windows
- Different CSS (Font-weight) in Mac OSX and Windows. Why does the font-weight render differently?
- Firefox Mac and Firefox Windows font rendering differences
- Difference size font rendering on Windows VS MacOS. How to solve?
- Slight differences between mac and windows css rendering font, letter-spacing
- Mac vs. Windows Browser Font Height Rendering Issue
- Why is there a @font-face difference in line-height on Windows and Mac OS X?