【问题标题】: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】:
    【解决方案3】:

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-29
      • 2023-03-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多