网页中的字体看起来更粗(白色,深色背景)
有关于名为 Rockwell Std Light 的字体的问题。我在Photoshop中用蓝色背景显示白色文本,并且在Dreamweaver中也做了同样的事情。然而,网页中的字体总是看起来较粗。有谁知道这里可能有什么问题吗?网页只是非常基本的DIV和CSS背景颜色设置。
先感谢您。
<一href="http://www.evernote.com/shard/s87/sh/a45e0aed-66bf-4129-9b0c-c538b9a8a398/38ce69fe4908556e94 f19d5a6129a712/res/994f949f-f8d5-4382-88bf-704b5255eb49/屏幕+截图+2011-06-07+at+11.37.11+PM.png" rel="nofollow">图片-与 Photoshop 和 Photoshop 比较Dreamweaver
Got a question for the font named Rockwell Std Light. I used in Photoshop to show the white text with blue background, and also did the same thing in Dreamweaver. However, the font always looks thicker in the web page. Does anyone have idea what issue may be here? The web page is just very basic DIV and CSS background color setting.
Thank you in advance.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
正如 @joakimdahlstrom 所说,不同的应用程序以不同的方式呈现字体,Photoshop 还具有附加效果,例如平滑等。
但是,一般来说,您不应该在网页上使用 Rockwell Std Light 等字体,因为它不是“网络安全字体”即不是每个人的系统上都安装了这种字体,所以那些没有安装的人不会看到它。有关一些常见的信息,请参阅 http://www.w3schools.com/css/css_websafe_fonts.asp那些。
如果您想要跨浏览器/系统兼容性,您可以使用以下几种非标准字体选项:
在 Photoshop 中将文本另存为图像,并将其作为图像包含在您的网页中(确保指定替代文本)
使用诸如 TypeKit
TypeKit 没有Rockwell 字体,因此如果您确实想使用该字体,最好沿着图像路线走。
As @joakimdahlstrom said different applications render fonts differently, Photoshop also has additional effects such as smoothing etc.
In general however, you should not use a font such as Rockwell Std Light on a web page as it isn't a "web safe font" i.e. not everyone has this font installed on their system so those that don't won't see it. See http://www.w3schools.com/css/css_websafe_fonts.asp for some common ones.
You have a few options for non-standard fonts if you want cross-browser / system compatibility:
Save the text as an image in Photoshop and include it in your web page as an image (making sure to specify the alt text)
Use a service such as TypeKit
TypeKit doesn't have the Rockwell font, so you'd be better going down the image route if you definitely want to use that font.
应用程序、操作系统等以不同的方式呈现字体。你对此无能为力。
Applications, operating systems etc. render fonts differently. There's nothing you can do about it.