728x90
| 글꼴 |
글꼴 지정 스타일
| font-family | 글꼴을 지정할 수 있다. |
| font-style | 글꼴의 속성을 지정할 수 있다. |
| font-variant | 글꼴을 약간 큰 대문자로 표현한다. |
| font-weight | 글꼴의 굵기를 지정할 수 있다.(모든 브라우저 미지원) |
| font-size | 글꼴의 크기를 지정한다. |
| font | 글꼴에 해당 하는 속성을 한번에 지정할 수 있다. |
1. font-family
- 글꼴을 지정할 수 있는 속성
- 사용자 시스템에 지정된 글꼴이 없을 때를 대비하여 콤머로 구분하여 대치 글꼴을 지정해야 된다.
- 글꼴 이름에 빈공백이 있는 경우에는 "" 나 '' 로 묶어 주어야 한다.
예1] 태그에 직접 글꼴 지정
| <p style="font-family:휴먼편지체"> 휴먼편지체</p> |
예2] 대치 글꼴 지정
| <p style="font-family:'없는글꼴', '고딕체' "> 고딕체</p> |
2. font-style
- value : normal, italic, oblique
- 문자를 약간 뉘여쓰기 할 때 사용되며 italic 과 oblique는 동일한 효과를 보인다.
- HTML 태그 <i>와 동일한 효과
예1] 아래의 예는 동일한 결과
| <p style="font-style:italic">뉘여쓰기 abc</p> <p style="font-style:oblique">뉘여쓰기 abc</p> <i>뉘여쓰기 abc</i> |
3. font-size
- 문자의 크기를 지정하며 단위는 px, %등을 사용할 수 있다.
예1]
| <p style="font-size:8"> 잘 안보여</p> <p style="font-size:50"> 잘 보여~</p> |
728x90
댓글