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

【问题标题】：Font Styling Issue ~ how to make font smooth/Strong in html css字体样式问题〜如何在html css中使字体平滑/强
【发布时间】：2011-12-01 06:29:07
【问题描述】：

我在 PSD 中有 Font Verdana + Bold + 16pt + Stong 所以在html转换中，我们有 Font-family: Verdana + Font-weight:bold + Font-Size:16pt + What for Strong ？（强 html 标记不适用于此）

PSD 中有 5 种字体样式锐、脆、强、顺、无

所以我不知道如何使字体强、平滑、锐利等

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

谢谢。

【问题讨论】：

我认为可能有一些特定于浏览器的方法。您可以尝试使用诸如文本阴影之类的东西，但通常取决于浏览器以及它如何处理字体边缘。 -这或多或少是同一件事stackoverflow.com/questions/6823988/…

标签： html xhtml css fonts

【解决方案1】：

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

至于对字体显示有更多的控制 - 浅色、粗体、中等等，我建议从 www.fontsquirrel.com 选择一种可读性好的衬线或无衬线字体，大多数字体系列都会带有各种粗细你可以玩 - 为不同的重量跑一些跨度。

【讨论】：

【解决方案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/

【讨论】：

【解决方案3】：

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

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

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

【讨论】：