html - CSS を使用して単語の最初の文字を大文字にして、Copperplate Gothic でレンダリングする

Question

Web サイトのメイン メニューで「銅版ゴシック」書体を使用しています。Copperplate Gothic はすべて大文字なので、各単語の最初の文字を大文字にする場合があります。CSS を使用して、単語の最初の文字に font-face 'Copperplate Gothic' を割り当てるにはどうすればよいですか?

Answer 1

Copperplate Gothic フォントはデフォルトで大文字であり、フォントの小文字バージョンは取得されません。「真の小文字は設計されていませんが、Copperplate Gothic は通常、小さな活字で設定されるすべて大文字のテキストに最適です」参照: http://www.microsoft.com/typography/fonts/family.aspx?FID=40

Answer 2

text-transform:capitalize;

cssを追加できます

Answer 3

text-transformプロパティを使用して、目的の結果を簡単に取得できます。

CSS

 p.capitalize {text-transform:capitalize;}

HTML

<p class="capitalize">This is some text.This is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is some textThis is</p>

デモをご覧ください:- http://jsfiddle.net/dkxUX/18/

Answer 4

ねえ、これを使った

{
text-transform: capitalize !important;
}