1

주제: 폰트의 우선순위

font-family 의 우선순위에 대한 이야기 입니다.

저는 일반적으로

Gulim, '굴림', Helvetica, AppleGothic, sans-serif;

이렇게 사용을 했었는데, 텍스트큐브를 열어 봤더니

AppleGothic, Gulim, '굴림', Helvetica, sans-serif;

이렇게 우선순위가 변경 되있더라고요..

우선 제가 gulim 을 앞에 세운건 순전히 IE 때문이기도 하지만 저 상태가 가장 알맞을 것 같다는 판단 때문이었습니다.
알고계시다시피 ie 에서는 css에서 지정한 폰트가 시스템에 있으면 그 이후의 폰트들은 무시 됩니다.
불행하게도 폰트의 설치 유무만 판단 할 뿐, 해당 폰트로 한글을 표현 할 수 있는가 없는가의 문제는 인식을 하지 못하기 때문에
영문폰트를 우선순위로 지정을 하게 되면 그 뒤에 아무리 한글 폰트를 지정 했더라도 브라우저의 디폴트 값으로 넘어가 버리죠. (이런 바보 같은..)

그래서 영문폰트 보다는 한글을 우선으로 지정 한 것이고,
이 버그는 ie6 에서만 나타나는 증상이기 때문에(이렇게 알고 있습니다만 틀렸다면 지적 해 주세요..)
다른 환경에서는 한글을 우선순위로 지정할 필요가 없다고 생각 합니다.

AppleGothic 의 경우 비록 한글과 영문을 포함하는 폰트이기는 하지만 알파벳 부분을 표현하는데 있어
한글 폰트의 사용은 영문 폰트를 사용하는 것 만 미치지 못하겠죠. (돋움체로 영어를 표현하면 뭔가 예쁘지 않은 것 처럼..)

그래서 AppleGothic 이전에 Helvetica 가 나오도록 사용 한 것 입니다.
알파벳은 Helvetica로 한글은 AppleGothic 로 표현되게 말이죠..

그렇다면...

Helvetica, AppleGothic, Gulim, '굴림', sans-serif;

이렇게 되야 하는 것 같지만
여기서 또 문제가 발생하는것이..

AppleGothic은 윈도우에 없는 폰트지만 Helvetica 를 사용하는 사람은 많이 있습니다.
그렇게 되면 처음에 얘기했던 것 처럼 ie 에서 한글을 엉뚱하게 표현 해 버릴 가능성이 충분히 있거든요.

그래서 저는 Helvetica 와 AppleGothic 을 뒤로 밀어 놓고 사용을 합니다.

Gulim, '굴림', Helvetica, AppleGothic, sans-serif;

이렇게 말이죠.

물론, 제가 맞다고 큰소리 치는건 아니고요, 맥이 없기 때문에 확인 할 수 있는 것도 아닙니다 ㅎ, 막연하게 그럴 것 같다는 생각을 갖고 사용하는거라
제가 틀렸다면 몰랐던 부분을 알고 싶은 마음이 큽니다.

AppleGothic, Gulim, '굴림', Helvetica, sans-serif;
누가 이 순서에 대해서 좀 설명 좀 해 주세요.~

밥먹고 합시다

2

답글: 폰트의 우선순위

애플고딕 부분은 간단한 이유가 있습니다^^

굴림체가 깔린 맥은 많지만 애플고딕이 깔린 윈도우는 없고, 맥용 IE는 2002년 이후로 없기 때문이지요. cool 답이 되실런지 모르겠습니다. big_smile

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

3

답글: 폰트의 우선순위

..교주님 비아이엔지오!!
(여기서 덧붙이자면 애플고딕을 맨 앞에 넣어달라고 말한 사람은 저였습니다. 관련 티켓: http://dev.textcube.org/ticket/492 - 'Apple Gothic' -> AppleGothic으로 해야 인식된다고 리포트 낸 사람도 접니다.)

하늘은 스스로 삽질하는 자를 삽으로 팬다

4

답글: 폰트의 우선순위

맥에서도 굴림이 깔려있었군요...
이거야 제 눈으로 직접 확인 해 볼 수가 없으니 원...

굴림과 애플고딕의 결과물을 확인 해 볼 수 있는 곳이 어디 없을까요...;
클리어타입으로 적용되는 굴림은 캐안습일것 같은데...

그리고 저 상태 에서는 Helvetica의 위치를 어떻게 이해해야 되는 건지....

밥먹고 합시다

5

답글: 폰트의 우선순위

1up 작성:

맥에서도 굴림이 깔려있었군요...
이거야 제 눈으로 직접 확인 해 볼 수가 없으니 원...

굴림과 애플고딕의 결과물을 확인 해 볼 수 있는 곳이 어디 없을까요...;
클리어타입으로 적용되는 굴림은 캐안습일것 같은데...

그리고 저 상태 에서는 Helvetica의 위치를 어떻게 이해해야 되는 건지....

Safari for Windows를 돌리면 폰트가 안티앨리어싱이 적용되서 나옵니다. 굴림의 퀄리티는 Safari for Mac, Safari for Windows(일부 글자에 문제 있음), IE 같아요. smile

맥의 굴림은 MS Office for Mac을 설치하면 깔립니다. Windows와 병행작업을 하시는 분들이 많아서 Office는 거의 필수품이 되어 있기 때문에 상당수의 맥에 굴림이 인스톨되어 있습니다.

애플 고딕은... Windows에서 깔릴라나 모르겠습니다. OTF이기는 합니다만...

graphittie (2007-08-18 02:59:13)에 의해 마지막으로 수정

6

답글: 폰트의 우선순위

AppleGothic, Gulim, '굴림', Helvetica, sans-serif;

이것을 일부분(제목, 본문 등)에서

AppleMyungjo, Gulim, '굴림', Helvetica, sans-serif;

로 바꿔볼까 생각중입니다. 맥에서는 안티앨리어싱이라 명조(바탕)도 미려하게 보이거든요.

나중에 추가 : 해보니 별로 한글은 예쁜데 영문이 별로군요...

graphittie (2007-08-18 03:16:03)에 의해 마지막으로 수정

7

답글: 폰트의 우선순위

애플명조는 애플고딕과 정반대로 오히려 영문이 이상합니다. 후후.
(애플고딕은 한글이 미려하지 않지만 ㅠㅠ 뭐 굴림보다는 낫지만.)

그리고 명조(바탕)계열과 고딕(돋움,굴림...)계열은 Generic Family가 서로 다르기 때문에 임의로 바꾸는 건 좀 문제가 있다고 생각합니다 wink

Ps. 1up님, 맥 브라우저들의 테스트는 http://www.browsrcamp.com/ 여기를 참고해보세요. (사파리만 무료라는게 문제지만)
Ps2. 생각해보니 브라우저캠프닷컴 쪽 렌더링서버에는 굴림 따위 없을것 같다는 느낌이;;;; (ms오피스를 설치해야 할 이유가 없을테니)
Ps3. (덧붙여서) Office for Mac은 트라이얼 버전으로 최신 매킨토시 머신에 번들로 설치되어 있습니다. 그래서 맥에서 사용되는 글꼴이 앞에 정의되어 있어야합니다.

나니 (2007-08-18 07:33:49)에 의해 마지막으로 수정

하늘은 스스로 삽질하는 자를 삽으로 팬다