IT/CSS
[CSS] font 속성
chlee21
2021. 6. 9. 20:57
font 속성
| font-size | 글꼴의 크기를 지정 |
| font-family | 글꼴을 설정 |
| font-style | 글꼴의 스타일을 지정 |
| font-variant | 소문자를 작은 대문자로 바꿈 |
| font-weight | 글꼴의 굵기를 지정 |
예시
<head>
<style type="text/css">
.p1{
font-size: 2em;
}
.p2{
font-style: italic;
}
.p3{
font-family: "Times New Roman";
}
.p4{
font-variant: small-caps;
}
.p5{
font-weight: 700;
}
</style>
</head>
<body>
<p class="p1">Hello My World Welcome</p>
<p class="p2">Hello My World Welcome</p>
<p class="p3">Hello My World Welcome</p>
<p class="p4">Hello My World Welcome</p>
<p class="p5">Hello My World Welcome</p>
</body>
실행화면
참고
font-size
px : 정밀한 크기 맞출 때 많이 사용
px는 숫자가 커져야해서 불편해서 em을 사용함
inch = 2.54cm
% : 100% == 16px == 1em
font-style
italic : 글자를 기울여 줍니다.