텍스트와 관련된 프로퍼티

폰트와 관련된 프로퍼티

1. font-size

2. font-family

   font-family: 'Cute Font', Arial, cursive;

   • 폰트 이름에 띄워쓰기가 있으면 ''로 묶는다.
   • 앞에서부터 적용하며 없으면 뒤의 폰트로 적용한다.
   • 따라서 맨 마지막 폰트는 일반 글꼴로 설정한다. ex) serif, sans-serif, cursive, fantasy, monospace

   웹 폰트 적용하는 방법

   1. 구글 폰트에 접속해 글꼴을 선택한다.
   2. (+) 버튼을 누른다.
   3. EMBED의 STANDARD방식의 링크태그를 복사한다.
   4. HTML의 head에 붙여넣기 한다.
   5. Specify in Css의 font-family를 복사해서 사용한다.

3. font-style

   1. normal
   2. italic : 폰트 자체에 기울임 설정이 있는 경우
   3. oblique: 폰트 자체에 기울임 설정이 없어도 기울임.

4. font-weight

   1. bold
   2. 100, 200 ...300(normal)...700(bold)...900n {

   #main {
   	font-family: 'Moto Sans KT', sans-serif;
   	font-style: oblique;
   	font-weight: 900;
   	font-size:35px;
   }
   // 아래와 동일
   #main {
   	font: oblique 900 35px 'Moto Sans KT', sans-serif;
   }

텍스트 정렬과 관련된 속성

1. text-align: 텍스트를 좌, 우, 중앙 정렬함

   <style>
   	h1 { text-align: center;} # 중앙 정렬
    	h1 { text-align: left;} # 왼쪽 정렬
   	h1 { text-align: right;} # 오른쪽 정렬
   </style>

2. line-height: 문장 사이의 간격을 조정함

   <style>
   	#up { line-height: 24px;}
   	#down { line- height: 2;} # 현재 요소의 폰트사이즈 의 2배
   

3. letter-spacing: 글자와 글자 사이의 간격을 조정함, 자간

4. text-indent: 문단의 시작부에 들여쓰기를 함