css - 无法获得与 photoshop 中相同的文字样式

Question

这个问题可能已经被问过很多次了，而且我知道 photoshop 呈现文本的方式与浏览器完全不同，但也许一些 CSS 大师可以帮助我让这个文本看起来尽可能接近它在 PS 中的样子:

我得到的最接近的是:

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

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

Answer 1

尝试使用 text-shadow 属性为您的字体消除锯齿，并且可以在不使用 font-weight: bold; 的情况下增加粗体度，您可以添加 字母间距 也像这样:My Fiddle

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;
}