用CSS自定义大胆的东西

Question

我不认为我在网页上的粗体文本足够大胆，所以我想知道是否有任何方法可以用CSS调整粗体文本。

Answer 1

与font-weight你可以用更高的数字指定文本的“粗体”......但几乎每个浏览器都只显示相同的“粗体”文本，因为没有特定的编号。

或者，您可以使用粗体或黑体字体的字体本身，但大多数互联网用户可能没有安装此特定的字体。

看到的例子：http://clagnut.com/blog/2228/

Answer 2

font-weight (w3schools.com)属性允许您更改文本的粗体。不过，我不确定所有浏览器是否完全支持它。

Answer 3

您可以指定一个为900的font-weight，尽管大多数浏览器将其与粗体相同。

你可以考虑使用灰色Arial Black这些非常大胆的字体。

您可能希望为您打算支持的平台添加其他字体，例如Linux ...在Mac Snow Leopard上，确保存在Arial Black，而在Windows 7上，控制面板中的字体仅显示宋体，但它的风格，如黑色，并使用 “宋体黑” 的工作原理：

http://jsfiddle.net/S2SxS/2/

Answer 4

是的，你可以调整它像这样

.myClass 
{ 
    font-weight: 700; 
} 

Answer 5

可以渲染的文本图像中的首选字体和气魄，然后设置图像在CSS文本的背景图像和文本缩进设为大的正数或负数将其移出页面。图像将出现在文本的位置，而文字仍然在屏幕阅读器和搜索引擎的页面中。

Answer 6

解决方法如果粗体字体不真正支持粗体，则使用css3文本阴影来模拟粗体。

<span class="bold">some text goes here</span> 

span.bold { 
    text-shadow: 1px 0px 0px #000; /* the textcolor */ 
    padding-right: 1px; 
    letter-spacing: 1px; 
} 

在右侧添加1px并将字母间隔为空，以使其再次看起来不错。您也可以通过把它们放在逗号名单并结合大量的“阴影”：

text-shadow: 1px 0px 0px #000, -1px 0px 0px #000, /*...*/ ;