font face 와 font-family 의 차이점

font face 는 내가 현 문서에서 사용할 폰트를 정의 내리는 것입니다.
궁서체 라고 하게되면 폰트태그사이의 글이
궁서체로 나오게 됩니다.

그럼 font-family 는 무엇인가..

웹페이지의 글자를 꾸미기 위해서, 글자체를 특이한 글자체로 만들경우가 있습니다.
그런데, 이런 특이한 글자체가 웹페이지를 만드는 사람은 사용을 하지만
웹페이지를 보는 이용자는 없을수가 있습니다.

즉 홈페이지를 만든사람의 컴퓨터에 있는 폰트가 이용하는 사람의 컴퓨터에도 있어야만
똑같은 글씨체로 볼수가 있습니다.

이럴때 웹폰트를 사용한다면 웹폰트의 글씨체명을 정의내려준다고 보시면됩니다.
혹은 웹폰트를 사용치 않을때는 font-family 를 이용하여
아래와 같은 태그를 만들수도 있습니다.

p, br { font-size: 10pt; font-family: AvantGarde-BookOblique, 새굴림, 굴림 }

이렇게 위와 같이 사용하는것은 CSS 스타일 시트에서 사용됩니다.

위의 CSS 문을 풀이하면 AvantGarde-BookOblique 폰트로 웹페이지를 보여주는데,
만약, 해당 이용자가 AvantGarde-BookOblique 폰트가 없으면,
새굴림을 보여주고, 새굴림도 없으면 굴림으로 보여주라는 것입니다.

크리에이티브 커먼즈 라이센스
Creative Commons License
이 글의 관련글

Posted by web20korea

2007/10/15 18:27 2007/10/15 18:27


블로그 이미지

남들 DSLR로 블로깅할때... 오로지 폰카로 버티는 즈질 블로거 ㅋ

- web20korea

Site Stats

Total hits:
44317
Today:
62
Yesterday:
261