css - 为什么字体看起来如此不同? (在网络和 Photoshop 中)

标签 css fonts

我以前从来没有遇到过这个问题。我通常在 photoshop 中开始设计布局,然后将其传输到我的页面。

不知何故,最近我一直在使用 georgia 字体,我喜欢它的斜体样式,但是当我在 css 中设置它时,在 photoshop 中出现的内容并没有反射(reflect)在网页中。

Font images

在上图中,1. 是我在 photoshop 中看到的和我想要的,但是 2. 是我得到的,无论我尝试更改什么,无论是字体粗细还是字体大小,它都保持粗体。我想瘦一点,有办法吗?顺便说一句,我也试过字体拉伸(stretch)。

最佳答案

不是粗体,是系统font smoothing .

您可以在 Photoshop 中更改(或在您的情况下禁用)字体平滑,但您不能使用 CSS,unless you are using CSS3和兼容的浏览器。

补充:我什至不建议您尝试更改字体平滑度。这是用户的权利 - 拥有 fonts rendered the way she likes .

关于css - 为什么字体看起来如此不同? (在网络和 Photoshop 中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6591615/

相关文章:

javascript - 如何使我的 .css 和 .js 文件与 Android 上的 WebView 中加载的 html 代码一起使用

html - 在带有 Noscript 的 Firefox 中对 html/css 字体使用 @import(Google 字体不呈现)?

html - 为什么 Arial Black 以斜体呈现?

css - 包含@font-faces 的特定语言 LESS 类不起作用

html - 悬停后如何继续CSS动画?

html - 如何删除仅出现在 Edge 中的杂散下划线?

javascript - 使用JS和SCSS的导航动画,你能告诉我哪里错了吗?

javascript - 在特定文本上动态定位 DIV

netbeans - 如何增加 NetBeans IDE 的字体大小/字体系列? (不是文本编辑器的字体)

html - CSS 本地字体未显示