4

MS Word には、"Small Capitals" と呼ばれるテキスト機能があります。すべての文字が大文字になりますが、小文字は大文字よりも小さくなります。CSSで可能かどうかを知る必要があります。

例：

オリジナル: Hello World
Small Capitals : H ELLO W ORLD

注font-size: SO Markdown はタグ nether で CSS スタイルをサポートしていないためsmall、ハックとして表示します。まあ、強い文字は通常の小文字よりも大きいです。

CSSで可能ですか？どうすればそれができますか？

4

3 に答える 3

9

英語では「small capitals」または「small caps」と呼ばれます。タイポグラフィでは、小さな大文字は (フォント作成者によって) 文字のバージョンが個別に設計されています。大文字の形をしていますが、その高さは通常、フォントの x-height (小文字の「x」の高さ) よりわずかに大きいだけです。これらはスモール キャップス フォントで実装される場合もありますが、多くの場合、フォント内のグリフ バリアントです。

Word 2007 までの MS Word および の CSS 実装でfont-variant: small-capsは、「小文字」は実際には縮小されたサイズの大文字です。(Word 2010 では、OpenType 機能と実際の小さな大文字にアクセスできます。) これは通常、ストローク幅が小さすぎることを意味し、この影響がひどくなるのを避けるために、フォント サイズの縮小はかなり控えめであるため、偽の「小さな大文字」 」は、通常の大文字よりもそれほど小さくはありません。

このような理由から、ウェブページでは「小さな大文字」を避けるのが最善です。

ただし、CSS で OpenType 機能にアクセスできるようにするための作業が進行中です。現在、 CSS3 Fontsfont-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>

これは、フォントの大文字が小さい場合 (たとえば、Calibri、Cambria、Candara、Constantia、Corbel、Palatino Linotype)、対応するブラウザー (Chrome、Firefox、IE 10) で機能します。

于 2012-10-28T17:21:48.297 に答える
2

はい、でできますfont-variant。「大文字」という意味だと思います

<span style="font-variant:small-caps;">Hello World</span>
于 2012-10-28T15:54:05.890 に答える
0

私はあなたが小さなキャップについて話していると思うので、試してみてください：

font-variant: small-caps;

于 2012-10-28T15:53:37.653 に答える