4

我想知道是否有人有一个聪明的 js 或 css 技巧来使小字体更大胆。

对于客户端，我们使用字体大小为 12px/15px 和 text-transform 大写的 Courier 字体。我在文本中添加了更粗的字体粗细，但文本仍然没有 Photoshop 设计文件中的粗体。

有谁知道使小字体看起来更粗的任何技巧？

我当前的 CSS：

.block.project p {
    font-family: "Courier New",Courier,monospace;
    font-size: 12px;
    line-height: 15px;
    font-weight: bolder;
}

我尝试使用文本阴影执行一些技巧，但这并没有给出令人满意的效果。

提前致谢！

4

2 回答 2

8

您可以尝试使用与字体颜色相同的颜色阴影的字体阴影。

以下其中一项可能会做到这一点：

为每个边缘添加一个模糊的字体阴影

text-shadow: 0px 0px 1px #000000;

或者在每个字母的垂直粗细上加一个像素

text-shadow: 0px 1px 0px #000000;

或者在每个字母的水平粗细上加一个像素

text-shadow: 1px 0px 0px #000000;

我认为其中的第二个将是我个人的偏好。

但是，不能保证支持是 CSS3（尽管我相信这是更好支持的功能之一）并且可能会降低可读性。

在这里找到发电机

于 2012-06-14T10:42:51.390 回答
0

尝试设置font-weight: 900;- 它是 的最大值font-weight。如果没有帮助，请尝试增加font-size;.

此外，Photoshop 和浏览器使用不同的渲染模型，这就是为什么始终存在差异差异的原因。

于 2012-06-14T10:35:05.810 回答