html - 为什么字体在不同浏览器中看起来不同

标签 html css google-chrome browser

为什么字体在不同浏览器中的外观差异如此之大?我使用相同的 css (css3) 和相同的字体 (Source Sans Pro)。以下是更好定义的屏幕截图:

Firefox 图片

Firefox Image 1

Chrome 图片

Chrome Image 1!

Firefox 图片

Firefox Image 2

Chrome 图片

Chrome Image 2

你可以看到那里有很多不同,文本在 firefox 中非常清晰,但在 chrome 中它看起来很可怜​​。关于如何使它们在所有不同的浏览器(跨浏览器)中看起来完全相似有什么建议吗?

最佳答案

字体因操作系统和浏览器而异。这是一个有点复杂的过程,所以我会看看这个 article关于为什么以及如何在操作系统和浏览器中呈现字体。如果该文章没有提供足够深入的答案,网络上还有许多其他资源可以提供有关该主题的补充信息。

关于html - 为什么字体在不同浏览器中看起来不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20617801/

相关文章:

iphone - iphone 上的内联 html5 视频

html - 选项卡的标题出现在垂直 Accordion 的右侧

php - 有没有办法访问包含 php 函数的 HTML 元素类名?

css - Bootstrap 背景颜色仅适用于小屏幕

css - 在浏览器中预览 VS 代码中的 Markdown

javascript - Chrome window.print() window.close() 结果为 'print preview failed' 。解决方案?

html - 使带有列的内联 block 具有正确的宽度

html - 在 div 上拉伸(stretch)图像背景或在 div 中拉伸(stretch)完整背景图像

PHPMailer - AddAttachment 不起作用

javascript - Google chrome 扩展程序不执行 javascript 代码?