3

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

4

6 回答 6

3

您可以使用font-weight更大的数字指定文本的“粗体”……但几乎每个浏览器都只以相同的“粗体”显示文本，因为没有特定数字。

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

见例子：http ://clagnut.com/blog/2228/

于 2010-11-12T07:26:30.363 回答
2

如果粗体字体不真正支持粗体样式，一种解决方法是使用 css3 textshadows 模拟粗体。

<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, /*...*/ ;
于 2014-04-02T16:10:51.900 回答
1

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

于 2010-11-12T07:22:57.033 回答
0

您可以将 a 指定font-weight为 900，尽管大多数浏览器将其呈现为粗体。

您可以考虑使用一些字体，例如Arial Black非常粗体的 ash。

您可能希望为您打算支持的平台添加其他字体，例如在 Linux 上...在 Mac Snow Leopard 上，肯定有 Arial Black，而在 Windows 7 上，控制面板中的字体仅显示 Arial，但具有Black等风格，并使用“Arial Black”作品：

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

于 2010-11-12T07:23:18.920 回答
0

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

.myClass 
{
    font-weight: 700;
}
于 2010-11-12T07:24:03.420 回答
0

您可以将文本呈现为您喜欢的字体和粗体的图像，然后将该图像设置为 CSS 中文本的背景图像，并将 text-indent 设置为较大的正数或负数以将其移出页面。图像将出现在文本所在的位置，而文本仍位于屏幕阅读器和搜索引擎的页面中。

于 2010-11-12T07:33:03.930 回答