字体样式问题〜如何在html css中使字体平滑/强

Question

我有PSD中的Font Verdana + Bold + 16pt + Stong 所以在html转换中，  我们有Font-family：Verdana +字体重量：粗体+字体大小：16pt +什么强？ （强大的html标签不起作用）

PSD中有5种字体样式 锋利，清脆，强劲，平滑，无

所以我不知道如何制作Font Strong，Smooth，Sharp等

如何在所有浏览器（旧版+新版）中解决此问题。

感谢。

Answer 1

Sharp，Crisp，Strong和Smooth是特殊的字体效果，会影响Photoshop渲染消除锯齿的文本。据我所知，CSS中没有等价物。

你可以尝试使用CSS效果自己缩放/转换文本，但你可能需要单独为每个文本的每个字母，可能是每个浏览器，当然对于每个操作系统（因为相同的字体呈现不同在Windows，Mac和Linux中。）

如果这对您很重要，通常的方法是使用Fahrner Image Replacement (FIR)将文本替换为背景图像。这会将文本显示为后备或具有良好消除锯齿字体的图像。

Answer 2

检查以下链接。 CSS3属性

http://webdesign.about.com/od/examples/l/bl_fontsmooth.htm

http://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm

http://www.usabilitypost.com/2010/08/26/font-smoothing/

Answer 3

http://webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/可能有助于解决旧版Internet Explorer中看起来不那么清晰的文本问题。

至于对字体显示有一点控制 - 轻，粗，中等我建议从www.fontsquirrel.com选择一个不错的可读衬线或san serif字体，大多数字体系列都会有各种重量你可以玩 - 为不同的重量跑一些跨度。