CSS：small-caps，第一个字母有点粗

Question

有没有办法让第一个字母更薄一点，反之亦然？请参阅提供的图像和 css。

css：

table.form td {
    padding: 10px;
    font-family: "Open Sans";
    font-variant: small-caps;
    font-size: 15px;
}

如您所见，每个大写的单词的第一个字母更黑/更粗

Answer 1

对于每个单词的第一个字母不是。

td但是您可以使用:first-letter伪选择器来获取元素中的第一个字母

仅放大每个单词的第一个字母，您可以使用text-transform:capitilize

两种技巧的演示：http://jsfiddle.net/gaby/8KjT5/1

或者，如果使用 jquery，你可以使用该Lettering.js插件

调用它

$(function(){
    $('table.form td').lettering('words');
});

与CSS结合

table.form td span[class^="word"]{
    display:inline-block;
}
table.form span[class^="word"]:first-letter {
    font-weight:bold;
    font-size:17px;
}

您将获得所需的结果，如http://jsfiddle.net/gaby/8KjT5/3/所示