当前位置: 动力学知识库 > 问答 > 编程问答 >

css3 - Line-height works differently on Mac and Windows

问题描述:

I have a text with non web font, I have used @font-face for this.

It's working fine in all browsers on Windows, but top aligned in all browsers on Mac.

Blue box in this image is line-height.

I found this similar question, but it doesn't provide a workable solution.

网友答案:

If it is resolved by using a different font the issue is with the font, not with the CSS.

Font squirrel has an option under 'expert' where you can check 'Auto-Adjust Vertical Metrics' this might work for you.

https://www.fontsquirrel.com/tools/webfont-generator

网友答案:

try css attribute "vertical-align: middle", this might solve the problem.

分享给朋友:
您可能感兴趣的文章:
随机阅读: