启用小写字母

Question

在MS Word上，我们有一个名为“Small Capitals”的文本功能。它将所有字母变成大写，但小写字母变小，然后变大写。我需要知道在CSS中是否可行。

例子：

原始：你好世界
小额资本：^h ELLO W¯¯ ORLD

注意：SO降价不支持CSS font-size风格标签幽冥small，所以我表现为黑客。那么，强大的字母比小写字母的正常字母要大。

在CSS中可能吗？我该怎么做？

Answer 1

它在英语中被称为“小首字母”或“小写字母”。在印刷术中，小写字母单独设计（通过字体作者）字母的版本。它们具有大写字母的形状，但它们的高度通常只比字体的x高度（小写字母“x”的高度）大。它们可能以小型字体实现，但更常见的是它们是字体内的字形变体。

在MS Word中，包括Word 2007以及在font-variant: small-caps的CSS实现中，“小型首都”实际上只是缩小的大写字母。 （Word 2010允许访问OpenType功能和真正的小型大写字母。）这通常意味着它们的笔触宽度太小，为了避免这种效果变得太糟糕，字体大小的减小是相当有限的，所以假的“小写字母” “并不比正常资本小得多。

由于这样的原因，大多数网页上最好避免使用“小型大写字母”。

但是，在CSS中提供对OpenType功能的访问方面正在进行中。目前，支持的形式是以CSS3字体中建议的font-feature-settings属性的浏览器前缀版本的形式存在。例如：

<style> 
body { 
    font-family: Calibri, sans-serif; 
} 
.sc { 
    -moz-font-feature-settings: 'smcp'; 
    -webkit-font-feature-settings: 'smcp'; 
    -ms-font-feature-settings: 'smcp'; 
    font-feature-settings: 'smcp'; 
} 
</style> 
<div class=sc>Hello world</div> 
<div><span style="font-variant: small-caps">Hello world</span> 
    (fake small caps)</div> 

这适用于支持的浏览器（浏览器，Firefox，IE 10），条件是该字体有小型大写（例如，宋体，坎布里亚，Candara，康士坦奇亚，牛腿，帕拉提诺型活字）。

Answer 2

我认为你是在谈论小盘股，因此，尝试：

字体变：小型股;

Answer 3

是的，你可以用font-variant来做。我认为你的意思是“大写”

<span style="font-variant:small-caps;">Hello World</span>