-1

这个问题可能已经被问过很多次了，我知道 Photoshop 渲染文本与浏览器完全不同，但也许一些 css 大师可以帮助我让这个文本看起来尽可能接近它在 PS 中的样子：

在此处输入图像描述

我得到的最接近的是：

color: #666;
font-size: 11px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;

但它看起来很粗，如果我去掉粗体，它就会变薄......

4

2 回答 2

1

为了创建更少阴影、更大胆/锐利的效果，您可以尝试使用多个短距离阴影作为替代方案：

text-shadow: 0 0 .1px, 0 0 .1px, 0 0 .1px;

但是，当用于较大的文本堆时，这很可能会占用性能。

于 2012-10-06T15:55:50.493 回答
1

尝试使用text-shadow属性来消除你的字体的锯齿，并且可以在不使用的情况下给粗体增加一点点font-weight: bold;，你也可以letter-spacing像这样添加：我的小提琴

HTML

<div class="demo">Music 1</div>​

CSS

.demo {
   color: #515151;
   font-size: 11px;
   font-family: arial,sans-serif;
   text-shadow: 1px 1px 1px #515151;
   letter-spacing: .1em;
}

​</p>

于 2012-10-06T10:07:32.973 回答