我想知道是否有人有聪明的 js 或 css 技巧来使小字体更粗一些。
对于客户端,我们使用字体大小为 12px/15px 且文本转换为大写的 Courier 字体。我为文本添加了 font-weight bolder,但文本仍然不如 Photoshop 设计文件中的粗体。
有谁知道让小字体显得更粗的技巧吗?
我当前的 CSS:
.block.project p {
font-family: "Courier New",Courier,monospace;
font-size: 12px;
line-height: 15px;
font-weight: bolder;
}
我尝试使用文本阴影执行一些技巧,但并没有给出令人满意的效果。
提前致谢!
最佳答案
您可以尝试使用与字体颜色相同的颜色阴影的字体阴影。
以下其中一项可能会执行此操作:
在每个边缘添加模糊的字体阴影
text-shadow: 0px 0px 1px #000000;
或者在每个字母的垂直粗细上加一像素
text-shadow: 0px 1px 0px #000000;
或者每个字母的水平粗细加一像素
text-shadow: 1px 0px 0px #000000;
我认为第二个是我个人的偏好。
但是,不能保证支持 CSS3(尽管我相信这是支持更好的功能之一)并且可能会降低可读性。
关于css - 使小字体更粗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11031064/