プログラミング

HTML&CSSを学ぼう#08 フォントを変える | AtelierAPOLLO

フォントを変える

CSSではフォントも変えられます

 

font-family: "serif";

のようにfont-family: を記述することで
フォントを指定することができます

サンプル

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="stylesheet08.css">
    <title>文字の大きさを変える</title>
  </head>
  <body>
    <h1>HELLO WORLD</h1>
    <p>HELLO WORLD</p>
  </body>
</html>

CSS

 

h1 {
  font-family: "serif";
}
p {
  font-family: "Avenir Next";
}