我可以在一行文本中仅更改小写/大写字符的外观吗？

Question

想象一下你有一些这样的文字：“Asdf”

我希望'A'比文本的其他部分更大，而不必使用多个div和诸如此类的邪恶CSS hacks。

而且我在想如果你能改变大写字母的属性，那么我就可以将字体大小设置为比其余字母更大的东西，从而获得更大的A。

Answer 1

您可以使用first-letter伪选择器。它虽然不是完全跨浏览器（我认为）。

Quirksmode有一个兼容性图表和一些细节：http://www.quirksmode.org/css/contents.html

http://www.quirksmode.org/css/firstline.html

Answer 2

您可以使用仅包含放大的大写字符的字体，并让浏览器自己的字体回退机制仅将该字体用于大写字母。 font-family属性看起来像：

font-family: 'large-georgia', Georgia, serif;

@font-face或数据网址可用于提供字体。该技术与this article中使用的技术相同，只是我们现在使用一组大写字母而不是＆符号。