[ 폰트 관련 속성 및 외부 폰트 설정하기 ]
1. 폰트 사이즈 속성 => font-size:5rem;
2. 텍스트 정렬 속성 =>text-align:justify;
left, right, justify 등을 지정할 수 있다. justify는 양옆을 딱딱 맞추는 정렬 방법으로 글자 사이 간격을 조정해 맞추게 된다.
3. 글씨체 속성 => font-family:"Times New Roman" Times, serif;
이렇게 3개를 써놓으면, 첫번째 걸 지정하되 해당 글씨체가 없으면 2번째 것 그것도 없으면 3번째 것을 지정하게 된다.
4. 폰트 bold 속성 => font-weight: bold;
5. 줄 간격 속성 => line-height: 1.8;
// 1.8 배로 지정
[ 외부 폰트 임포트하고 사용하는 방법 ]
@font-face{
font-family:"GoodFont"; /*폰트 패밀리 이름 추가*/
src:url("resources/fonts/NANUMGOTHICCODING.TTF"); /*폰트 파일 주소*/
}
적용
body{
font-familly:"GoodFont" !important;
}
'개발 > css' 카테고리의 다른 글
| 반응형 웹의 핵심 media Query (0) | 2017.06.04 |
|---|---|
| 화면의 Layout을 그리는 Flex에 대하여... (0) | 2017.06.04 |
| position offset에 대해서... (0) | 2017.06.03 |
| layout 관련 속성 (0) | 2017.06.03 |
| css의 가상 선택자(link, hover, visited, focus) (0) | 2017.06.03 |