위에 예제를 실행시켜보면 여러분들의 컴퓨터 사정에 따라 글자체가 각각 다르게 나타날 텐데요....일반적으로 폰트의 경우 홈페이지를 제작하는 사람이  '가는각진제목체'를 이용해서 글자를 적어주었다면 그 홈페이지를 보는 방문객의 컴퓨터에 '가는각진제목체'라는 글자가 있어야 만히 볼 수가 있답니다. 만약 해당 홈페이지를 보는 방문객의 컴퓨터에 '가는각진제목체' 라는 글자체가 없다면 그 방문객에게는 기본글자체로 밖에 보이질 않는답니다. 즉, 원래 홈페이지 제작자가 의도했던 대로 홈페이지를 보여줄 수 없게 되는 거죠. 이러한 사고(?)를 방지하기 위해선 홈페이지를 제작할 때 모든 방문객들의 컴퓨터에 들어있는 공통된 글자체, 즉 돋움체, 궁서체, 바탕체, 굴림체, 신명조체 같은 기본글자체를 이용해서 만드는 것이 가장 좋은 방법입니다. 물론 화려하고 자신의 마음에 꼭 드는 폰트(글자체)가 있을 땐 해당 폰트를 사용하는 건 자기 맘이지만  일반적으로 방문객들이 가지고 있는 폰트(글자체) 가 아닌 폰트를 사용한다면 자기와 해당폰트를 가지고 있는 소수의 방문객들에게만 보여지게 되겠죠. 
  그런데....위에 예제의 경우 글자체를 하나만 적어준게 아니라 여러 개를 적어주었죠? 가는각진제목체, 솔체, 궁서체, 돋움체 ☜이렇게 4개의 글자체를 순서대로 적어주었는데...이렇게 적어준 이유는 만약 방문객의 컴퓨터에 '가는각진제목체' 가 없다면 그 다음 폰트인 '솔체'가 보여지게 되죠. 그런데 '솔체'도 없다고 하면 그 다음인 '궁서체'가 보여지게 되는 겁니다. 궁서체까지 없다면 최후로 돋움체가 보여지게 되겠죠. ^^ 돋움체는 기본폰트 이니깐 다 보여지게 되겠죠. ^^ 이때 주의 할 점이 될 수 있는 대로 마지막에는 기본폰트를 적어주라는 것입니다. 왠지는 아시겠죠? ^^
 영자체도 위에 설명한 것과 마찬가지랍니다.  그리고 인라인 스타일을 사용할 때는 폰트의 이름에 작은 따옴표를 해줍니다. 이런식으로 해주죠. ☞ body { font-family: "센스체","돋움체","궁서체" }    또한  다른 속성과 함께 사용할 때는 font-family 속성을 가장 나중에 적어 줍니다.  익스플러워3.0에서는 font-family 속성이 가장 나중에 있지 않으면 이후의 모든 css 를 무시해버리기 때문이라고 하는데........그런데..아직도 익스플러워 3.0 사용하시는 분 계시나요? ^^ 
  다음 페이지에서는 font-size 에 대해서 알아보도록 하겠습니다.