Skip to content

언어에 따라 글꼴 지정하기

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 가나다</div>
<span lang="en-US">abc 가나다</div>

이미 예상하겠지만 전자를 추천하는 편이다.

Tags: ,

3 Responses to “언어에 따라 글꼴 지정하기”

  1. 동치미 Says:

    CSS2가 현재 제정되어 있는 건감?

  2. kukie Says:

    3도 열심히 나오고 있구만용 :)

    http://www.w3.org/TR/CSS21/

  3. kukie » CSS 관련 질문과 답변 몇 개 Says:

    [...] “언어에 따라 글꼴 지정하기“를 참고하세요. [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Enter this code