Question

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

示例：

原创：Hello World
小资本： H ELLO W ORLD

备注：所以Markdown不支持标签nether font-size中的CSS small样式，因此我将其显示为黑客。嗯，小强国的强字母大于普通字母。

CSS中有可能吗？我怎么能这样做？

Answer 1

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

在MS Word（包括Word 2007）以及font-variant: small-caps的CSS实现中，“小首都”实际上只是缩小尺寸的大写字母。（Word 2010提供了对OpenType功能和实际小型大写的访问。）这通常意味着它们的笔触宽度太小，并且为了避免这种影响变得太糟糕，字体大小减小相当适中，所以假的“小型大写字母” “并不比普通的首都小得多。

由于这些原因，网页上最好避免使用“小型上限”。

但是，在CSS中提供对OpenType功能的访问方面正在进行中。目前，支持以 CSS3 Fonts 中提出的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>

这适用于支持浏览器（Chrome，Firefox，IE 10），前提是该字体有小写字母（例如Calibri，Cambria，Candara，Constantia，Corbel，Palatino Linotype）。

Answer 2

是的，您可以使用font-variant执行此操作。我认为你的意思是“大写”

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

Answer 3

我认为你在谈论小型股，所以试试：

font-variant：small-caps;

启用小型资本

3 个答案: