code test
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<!— html5Basic START—>
<meta charset=”UTF-8” />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7” />
<link rel=”stylesheet” href=”css/reset.css” media=”screen” />
<link rel=”stylesheet” href=”css/fonts.css” media=”screen” />
<link rel=”stylesheet” href=”css/YKHtml5reset.css” media=”screen” />
<!—[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js” type=”text/javascript”></script>
<![endif]—>
<!— html5Basic END—>
<title>test</title>
<style type=”text/css”>
p {
word-wrap: break-word;
font-size: 20px;
background: #fa0;
line-height: 1;
word-break: normal;
margin-top: 0px; /* 段落間 */
margin-bottom: 20px; /* 段落間 */
}
.helvetica {
font-family: “Helvetica”, sans-serif;
}
.helveticaNeue {
font-family: “Helvetica Neue”, sans-serif;
}
.hiragino {
font-family: “Hiragino Kaku Gothic Pro”, “ヒラギノ角ゴ Pro W3”, “メイリオ”, Meiryo, “Osaka”,”ＭＳ Ｐゴシック”, sans-serif;
}
.times {
font-family: “Times New Roman”, serif;
}
.arial {
font-family: Arial, sans-serif;
}
#deco {
}
#first {
font-family: “Helvetica”;
font-size: 24px;
position: absolute;
top: 250px;
left: 250px;
z-index: -1;
}
#second {
font-family: “Helvetica Neue”;
font-size: 24px;
position: absolute;
top: 250px;
left: 250px;
z-index: -2;
}
</style>
</head>
<body>
<p class=”helvetica”>M:The Quick Brown Fox Jumps Over The Lazy Dog</p>
<p class=”helveticaNeue”>M:The Quick Brown Fox Jumps Over The Lazy Dog</p>
<p class=”arial”>M:The Quick Brown Fox Jumps Over The Lazy Dog</p>
<p class=”hiragino”>M:ABCDEFGHIJKLMNOPQRSTUVWXYZ:abcdefghijklmnopqrstuvwxyz:Hiragino</p>
<p class=”times”>M:ABCDEFGHIJKLMNOPQRSTUVWXYZ:abcdefghijklmnopqrstuvwxyz:TIMES</p>
<ruby>Helvetica<rp>（</rp><rt>ヘルベチカ</rt><rp>）</rp>はレンダリングエンジンによってline-heightの解釈が違う<br />
・Gecko 1.9.2- アセンダラインからディセンダラインまでの高さをline-heightとする。<br />
・webkit - <br />
<div id=”deco”>
<div id=”first”>Helvetica</div>
<div id=”second”>Helvetica</div>
</div>
</body>
</html>
ドラマは，何度でも見る。それがドラマの性能なのだ
MJの追悼。すばらしいグラフィックデザイン！
RX78-GUNDAM is standing on at Shiokaze Park, Odaiba, Tokyo.
(via sarahmackie)
