Html css Font

 

 

1. 폰트 적용

대상 {
  font-family: "Times New Roman", Times, serif;
}

2. 폰트 스타일

div {
  font-style: normal;
}

div {
  font-style: italic;
}

div {
  font-style: oblique;
}

3. 폰트 크기(픽셀)

div {
  font-size: 20px;
}

4. 폰트 크기(픽셀 대신 em)

div {
  font-size: 2.5em; /* 40px/16=2.5em */
}

5. 폰트 크기(퍼센트, 엘리먼트 크기에 비래)

div {
  font-size: 100%;
}

6. 폰트 굵기

div {
  font-weight: normal;  /*일반*/
}

div {
  font-weight: bold;  /*굵게*/
}

7. 대소문자 변환

div {
  font-variant: normal;  /*일반*/
}

div {
  font-variant: small-caps;  /*대소문자*/
}