Webfonts在Windows,Mac和Linux上的呈现方式有所不同
||
我正在我目前正在制作的网站上首次使用webfonts,我注意到在Windows和Linux&Mac上字体的边界框似乎有所不同(在Linux&Mac上也是如此)。这与浏览器无关,因为所有操作系统上的相同版本的Chrome和Firefox都有这些差异。基本上,在Windows上,角色顶部有多余的空间,而在Linux和Mac上,角色的边界框更接近角色的实际顶部(例如,变音符号在该框的外部)。这自然会改变位置,边距等的行为方式。
当前字体的定义如下:
@ font-face {font-family:\“ FranklinGothicHand \”;
src:url(\'fonts / franklingothichanddemi-webfont.eot \');
src:url(\'fonts / franklingothichanddemi-webfont.eot?iefix \')format(\'eot \'),
url(\'fonts / franklingothichanddemi-webfont.woff \')格式(\'woff \'),
url(\'fonts / franklingothichanddemi-webfont.ttf \')format(\'truetype \'),
url(\'fonts / franklingothichanddemi-webfont.svg#webfontLgJOAlmK \')format(\'svg \');
}
因此,例如,由于在不同的操作系统上它的位置不同,因此我无法正确地垂直对齐商品的装饰后的起始盖和商品的第一行。
谁能想到任何解决方案?
没有找到相关结果
已邀请:
3 个回复
孝箱捆讨
悍蕾驮苇袜
屑凉赦