使小字体更大胆

Question

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

对于客户端,我们使用Courier字体,字体大小为12px/15px,text-transform为大写字母.我在文本中添加了font-weight bolder,但文本仍然不像Photoshop设计文件中那样粗体.

有没有人知道使小字体看起来更大胆的任何技巧？

我目前的CSS:

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

我尝试用文字阴影执行一些技巧,但这并没有给出满意的效果.

提前致谢!

Answer 1

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

以下之一可能会这样做:

为每条边添加模糊的字体阴影

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

或者在每个字母的垂直厚度上添加一个像素

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

或者在每个字母的水平厚度上添加一个像素

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

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

但是,不能保证支持CSS3(虽然我相信这是更好的支持功能之一)并且可能会降低可读性.