Web/CSS
[CSS] 폰트(font)
씨네
2021. 12. 9. 12:48
728x90
font(폰트)
- 글자와 관련된 스타일을 지정할 수 있는 속성
font-family : 글꼴 지정
font-size : 크기 지정
font-weight : 굵기 지정
font-style : 글씨체 지정
font-variant : 소문자->대문자 변환 (일반 대문자보다 작다)
Lint-height : 줄 간격 지정
font : 위 속성을 한 줄에 모두 지정(font-size/font-family 생략 불가)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>폰트</title>
<style type="text/css">
/*
div h1{
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 25px;
line-height: 500%;
font-family: "궁서";
}
*/
div h1 {
font: bold italic small-caps 25px/500% "궁서";
}
</style>
</head>
<body>
<div>
<h1>Bigdata 전문가 과정</h1>
</div>
<h1>Bigdata 전문가</h1>
</body>
</html>
728x90