네~ 오랜만이네요... 이제부터 좀 제대로 해야겠습니다 ㅠ_ㅜ
이번에는 css중 font 에 관해 알아볼게요.
font는 글자를 예쁘게 꾸며주는 속성입니다.

1. font-family

font-family는 글자체를 지정해줍니다. 앞에서부터 우선순위가 높게 적용됩니다. 위의 예처럼 작성하면 우선 돋움체를 사용자의 컴퓨터에서 찾아보고, 있으면 돋움체를 적용하고 없으면 굴림체로 넘어갑니다. 마지막 폰트까지 없으면 곤란하겠죠? 그래서 맨 오른쪽에는 "어느 컴퓨터에나 있는" 폰트를 써주어야 합니다. 네? 돋움체는 다 있다구요? 과연 미국인의 컴퓨터에도 돋움체가 있을까요? 대부분 없겠죠 ^^; 어느 컴퓨터에나 있는 genetic family에는 sarif, sans-serif 등이 있습니다.


2. font-size

글자의 크기를 지정합니다. 글자의 크기의 단위로는 px(pixels), pt(points), em(ems), %(percent) 를 사용할 수 있습니다. 픽셀이나 포인트는 많이 접해보셨을 겁니다. 보통 웹에서 사용하는 글자 크기는 12px, 9pt입니다. em과 %는 상대적인 글자 크기인데요. 0.8em , 80%는 상위 div의 8/10 만큼의 글자 크기를 나타냅니다. 개인적으로는 픽셀만을 사용합니다. 다른 크기의 경우 브라우저마다 조금씩 크기가 달라져서 곤란하거든요. 특별한 경우에만 사용하시고 픽셀을 사용하시는 편이 속편할거에요. 참고로 이 블로그의 글자 크기는 12px이고 한글 글자체의 경우 11px 까지 읽을 수 있을 정도로 표시됩니다.


3. font-weight

폰트의 두께를 지정합니다. bold를 주면 굵게 표시됩니다. 수치로 100부터 900까지의 숫자를 줄 수 있는데, 대부분의 폰트의 경우 폰트의 굵기가 없기 때문에 제대로 적용되지 않습니다. (특정 수치까지는 normal, 특정 수치부터 bold와 똑같이 표현됩니다)


4. font-style

폰트의 스타일을 지정합니다. italic은 기울임꼴이죠.


5. 한꺼번에 쓸 수도 있습니다.

6. 문자 간격 조정

font 관련 속성은 아니지만 font와 같이 자주 사용하므로 여기에 적습니다. 문자간의 간격을 지정해줄 수 있습니다. 보통 값으로 -1을 줘서 좁은 공간에 더 많은 글자를 표현하고 싶을 때 사용합니다.