先頭の文字だけ大きくするというのはドロップキャップと言って雑誌の世界などでは良く使用されています。WEBの世界でも海外などでは良く利用されていますが日本語ではフォントの影響を受けやすいため少々難しいということもありあまり多く利用されていないのが現状で。
ご覧になればわかるように、あまりステキとはいえないですよね?
でも、少し長文になったりするときは、このようなアクセントがあることで、文章にメリハリをつけることが出来るので、ここでは、簡単な方法をご紹介しています。※注意点もあるので、必ずお読みください。
Enlarging only the first letter is called a drop cap and is often used in the world of magazines. Even in the world of the WEB, it is often used overseas, but in Japanese it is a little difficult because it is easily affected by fonts, so it is not used very often. As you can see, it's not very nice, isn't it? However, when the sentence becomes a little long, it is possible to add sharpness to the sentence by having such an accent, so here we will introduce an easy method. * Please be sure to read it as there are some notes.
<div class="dcap">
<p>先頭の文字だけ大きくするというのはドロップキャップと言って雑誌の世界などでは良く使用されています。WEBの世界でも海外などでは良く利用されていますが日本語ではフォントの影響を受けやすいため少々難しいということもありあまり多く利用されていないのが現状で。</p>
<p>ご覧になればわかるように、あまりステキとはいえないですよね?</p>
<p>でも、少し長文になったりするときは、このようなアクセントがあることで、文章にメリハリをつけることが出来るので、ここでは、簡単な方法をご紹介しています。※注意点もあるので、必ずお読みください。</p>
</div>
<style type="text/css">
/*<![CDATA[*/
div.dcap p:first-child:first-letter{
font-size: 4em;
line-height: 1;
float: left;
margin: 0 .2em 0 0;
}
/*]]>*/
</style>