webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

font-family

  • フォント名に、スペースや全角文字が含まれる場合は、""(double quautation)で囲む。
  • YuGothic はMac用の指定。"游ゴシック"はwin用の指定。明朝体は、Yumincho(YuMinchouではない)"游明朝"。

    f:id:ohta-felica:20160427181154p:plain

<style>
html, body, h1 {
margin: 0;
padding: 0;
line-height: 1.0;
}
body{
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo,
sans-serif;
color: #FFF;
font-weight: bold;
}
#wrapper{
width: 640px;
margin: 130px auto 0 auto;
padding: 16px;
background: #666666;
}
#wrapper h1{
font-size :24px;
text-transform: uppercase;
margin-bottom: 16px;
}
#wrapper h1 .decoration{color: #060;
}h1.you-gothic{font-family: "游ゴシック"}
h1.verdana{font-family: Verdana;}
h1.arial{font-family: arial;}
h1.arial-black{font-family: "arial black"}
h1.you-mincho{font-family: "游明朝"}
h1.meiryo{font-family: meiryo;}
</style>