字体在网页中看起来更厚（白色，背景为深色）

Question

对Rockwell Std Light这个字体有疑问。我在Photoshop中使用蓝色背景显示白色文本，在Dreamweaver中也做了同样的事情。但是，字体在网页中看起来总是更粗。有谁知道这里可能有什么问题？网页只是非常基本的DIV和CSS背景颜色设置。

提前谢谢。

Picture-Compare with Photoshop & Dreamweaver

Answer 1

应用程序，操作系统等以不同方式呈现字体。你无能为力。

Answer 2

由于@joakimdahlstrom表示不同的应用程序以不同的方式呈现字体，因此Photoshop还具有其他效果，例如平滑等。

一般情况下，你不应该在网页上使用像Rockwell Std Light这样的字体，因为它不是“网络安全字体”，即不是每个人都在他们的系统上安装了这种字体，所以那些没有赢得看不到。有关常见问题，请参阅http://www.w3schools.com/css/css_websafe_fonts.asp。

如果您需要跨浏览器/系统兼容性，您可以选择非标准字体：

1. 将文本保存为Photoshop中的图像，并将其作为图像包含在您的网页中（确保指定替代文字）

2. 使用TypeKit

等服务

TypeKit没有Rockwell字体，所以如果你肯定想要使用那种字体，你最好沿着图像路线走。