css - 如何在html中设置字体粗细？

Question

HTML

<div class="test">Bold Text. Normal Text</div>

预期输出:

粗体文本。普通文本

我知道加<b>对于某些文本。但这里的条件不是编辑 HTML 页面。通过使用 CSS 或 jquery 需要将某些文本设置为粗体。

提前致谢...

Answer 1

<div class="test">Bold Text. Normal Text</div>

.test {
    font-size:0;
 }

.test:before {
    font-size: 12px;
    content: "Bold Text. ";
    font-weight: bolder;
}

.test:after {
    font-size: 12px;
    content: "Normal Text";
}

http://jsfiddle.net/td92r3jz/

fiddle 。