网页中的字体看起来更厚(白色加深色背景)



有一个关于Rockwell Std Light字体的问题。我在Photoshop中用蓝色背景显示白色文本,在Dreamweaver中也做了同样的事情。但是,在网页中字体看起来总是比较粗。有人知道这里可能有什么问题吗?网页只是非常基本的DIV和CSS背景颜色设置。

提前谢谢。

图片与Photoshop的比较;Dreamweaver

正如@joakimdahlstrom所说,不同的应用程序呈现字体的方式不同,Photoshop也有其他效果,如平滑等。

但是,一般来说,你不应该在网页上使用Rockwell Std Light这样的字体,因为它不是"网络安全字体",也就是说,不是每个人的系统上都安装了这种字体,所以那些没有安装的人不会看到它。请参阅http://www.w3schools.com/css/css_websafe_fonts.asp对于一些常见的。

如果你想要跨浏览器/系统兼容性,你可以选择一些非标准字体:

  1. 将文本保存为Photoshop中的图像,并将其作为图像包含在网页中(确保指定alt文本)

  2. 使用TypeKit 等服务

TypeKit没有Rockwell字体,所以如果你确实想使用这种字体,你最好选择图像。

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

最新更新