언어에 따라 글꼴 지정하기

CSS2. IE에서는 아직 잘 안된다는 말.
한 문서 안에서 서로 다른 언어에 따라 다른 글꼴을 지정하는 방법이다.
다시 말해서 영어는 verdana로 나오게 하고 한글은 돋움으로 나오게 할 수 있다.
참고: 글꼴 가족(font family): ‘font-family’ 속성 (ko)

CSS2의 풍부한 선택자(selector) 문법은 언어에 따른 표현하는데 사용될 수 있다. 예를 들어, 일부 중국어와 일본어 글자들은, 이 두 언어들에서 축약(abstract) 그림문자들이 같지 않음에도 불구하고, 같은 유니코드(Unicode) 코드위치(codepoint)를 차지하고 있다.
*:lang(ja-jp) { font: 900 14pt/16pt “Heisei Mincho W9”, serif }
*:lang(zh-tw) { font: 800 14pt/16.5pt “Li Sung”, serif }

다음과 같이 사용할 수 있다. (CSS파일에 다음과 같이 선언한다.)

*:lang(ko-kr) {
    font-family: gulim, 굴림, applegothic, sans-serif;
}
*:lang(en-us) {
    font-family: verdana, helvetica, sans-serif;
}

혹은
사용할 곳에서 inline으로 다음과 같이 사용할 수 있다.

<span lang="ko-kr">abc 가나다
    <span lang="en-US">abc 가나다</span>
</span>

– 끝 –