Mozilla 한국 커뮤니티

안녕하세요.

저는 Mac OS X Leopard 10.5.1, Firefox 3 Beta 2 사용하고 있습니다.

스타일로 폰트에 Sans-serif와 Serif를 지정했을때 영문은 잘 적용이 되지만, 한글은 오직 Sans-serif만 적용이 됩니다.

확인을 위해 다음과 같은 HTML 문서를 만들어 봤습니다.
글꼴 설정은

Western Serif : Times, Sans-serif : Helvetica
Korean Serif : YoonMyungjo, Sans-serif : YoonGothic
Default Font : YoonGothic (Korean으로 설정하니 자동으로 잡히네요..)

이렇습니다.

결과물은

http://myhome.hanafos.com/~kinoko20/firefox.png

이렇습니다... 제가 설정을 잘 못한 걸까요? 아니면 버그인지...

Safari에서는 다르게 잘 보이구요...

아시는 분의 도움 기다리겠습니다. 감사합니다.

캡쳐를 보니 적용된거 같은데요?;;
두 글씨체가 살짝 달라 보이는걸요a

그동안 잘 활용하던 부분이었지만
혹시해서 저도 테스트해봤습니다
windows - ff 3.0b2 에서
글자체를 확실히 다르게 하기 위하여

serif : 휴먼편지체
sans-serif : 굴림

으로 했습니다

html 소스는 올려주신 그대로를 활용했습니다-

http://img297.imageshack.us/img297/1191/fontdo9.png

윈도우즈에서는 적용이 잘 되나 보네요. 음.. 그럼 저만의 문제 일까요? 아니면 맥 만의 문제?

주변에 맥을 사용하는 분이 안 계셔서 확인 하기 어렵네요...

제 스크린 샷에는 확실히 한글에는 적용이 되지 않고 영문에만 적용 되어 있습니다.

이건 각 폰트의 샘플이구요...

http://myhome.hanafos.com/~kinoko20/fontcap.png

이것이 제가 의도한 결과입니다.

http://myhome.hanafos.com/~kinoko20/intended.png

하지만 맨 처음에 올린 스크린샷을 보면 한글에만 적용이 안 되어 있죠... 그런데 이번에 올린 두번째 스크린샷을 보시면 일본어도 sans-serif, serif 적용이 안 되어 있습니다. 혹시 2byte문자에만 적용이 안 되는 걸까 하는 추측을 해 봅니다...

시스템 파일을 건드린적도 없고, firefox도 설치하고 확장 기능 설치한거 빼고는 만진게 없어서 어떤 것이 문제인지 저도 잘 모르겠네요. (확장 기능은 Adblock Plus, Flashgot, FoxyProxy, RefControl을 사용하는데 이것과 한글 문제는 관련이 없어 보입니다.) 테스트 문서는 유니코드로 저장을 하였구요...

감사합니다.

그렇네요
한글에는 적용이 안 되고 있군요..;

windows 에서는 잘 되는거 같으니
다른 mac 사용자분과 비교해봐야할거 같네요

cocoa 라고 하나요?
그걸로 바뀌는 과정중에 bug 가 아닐가 싶기도..

이건 여기보다는 애플포럼 ( http://www.appleforum.com ), 맥주 (http://www.maczoo.com), 혹은 KMUG ( http://www.kmug.co.kr ) 에서 하시는게 더 도움이 되는 답변을 받으실 수 있을거 같습니다. 특히 한글 폰트 관련해서는 민감한 문제니 이미 많은 정보가 축척돠어 있을겁니다.

안녕하세요? 폰트 때문에 고생하고 계신걸 보니 안타깝습니다... 저도 리눅스 사용할 때 한글 폰트 문제 때문에 고생을 많이 했어요...

음... 제가 보기엔 Mac이 HTML 파일에 대한 기본 문자 인코딩을 "ISO-8859-1 (서유럽어)"으로 인식하기 때문에 문제가 발생하는 것 같습니다. (한글 Windows에서는 기본 문자 인코딩을 "EUC-KR"로 인식합니다.)

적어도 영문 폰트는 정상적으로 sans-serif, serif 간 변화가 있는 걸 보면요... Firefox에는 문제가 없는 것 같고, 일단 시스템 서유럽어 글꼴이 적용된 후 해당 글꼴에 없는 한글/일어 글꼴이 무조건 시스템 기본 한글/일어 폰트로 맵핑이 되어 한글과 일본어 폰트에 변화 보이지 않는 것 같습니다.

자, 우선 아래의 코드를 html 문서로 저장시켜 열어보시기 바랍니다. 이 때 한글 폰트가 의도한 폰트로 제대로 표시된다면, Firefox에 문제가 없는 것입니다. head 부분에 항상 를 넣어서 html을 작성해주시기 바랍니다.

참고로 한글 Windows에서도 html 문서 인코딩을 아래와 같이 "ISO-8859-1"로 주면, 질문자 님의 시스템에서 발생한 문제와 똑같은 현상이 나타나게 할 수 있습니다.

흑마법사님

네.. 저도 거기에 올릴까 했었는데, Firefox에 관한 얘기는 이곳에서 더 좋은 답변을 얻을 수 있을거 같았기 때문에(물론 애플 커뮤니티가 나쁘다는 것은 아닙니다.) 이곳에 질문을 올렸엇습니다...

다음부터는 애플 커뮤니티에 올리도록 하겠습니다. 감사합니다.

dyhan81님

네.. EUC-KR로 변환된 문서는 정확히 표현을 해 내는군요. UTF-8에서 폰트 적용이 안 되는 것도 dyhan81님이 말씀하신 내용과 같을 거라 생각합니다. Times와 Helvetica에 한글 폰트 정보가 없으니 기본 폰트로 설정된 YoonGothic체가 표시되는 거 겠지요.

Safari에서는 문제 없이 되는게 Firefox에서 안 되는 것이 좀 아쉽네요. 참고 살아야 겠습니다. ㅠㅠ

답변 감사합니다. ^^

추가적으로 몇가지 더 테스트를 해봤습니다. Windows에서는 Header에 메타 정보 설정이 안되어 있는 경우, 기본적으로 아래 표시한 "문자 인코딩"에 따라서 표시될 글꼴이 선택되는 것을 볼 수 있었습니다.

http://i274.photobucket.com/albums/jj26 ... 81/---.png

http://i274.photobucket.com/albums/jj26 ... 8859-1.png ISO-8859-1
http://i274.photobucket.com/albums/jj26 ... ft_JIS.png Shift_JIS

그러나 예외적으로 중간에 한글이 포함되어 있으면 문자 인코딩에 상관없이, ISO-8859-1로 설정해놓아도, Windows에서는 해당 문서의 코드페이지 전체를 EUC-KR로 인식했습니다. (이건 Windows에서 바꿀 수 없어요. 시스템 Locale를 바꾸지 않는 이상... 리눅스에서는 자유롭게 바꿀 수 있는데... )

http://i274.photobucket.com/albums/jj26 ... cument.png Korean Char Inserted ASCII Document

MAC에서 "문자 인코딩"에 따라 문서 표시 글꼴이 결정된다면, 유니코드의 경우 원하시는 한글 글꼴을 사용할 수도 있을 것 같군요. 왜냐하면 아래 그림에서 보시는 바와 같이 유니코드에 대한 표시 글꼴을 따로 지정할 수 있거든요.

http://i274.photobucket.com/albums/jj26 ... 1/----.png

한번 해보시고, 어떻게 되는지 대충 답글 달아주셔요. MAC을 써본 경험이 없어서 어떻게 되는지 궁금하네요.

2008-02-02 오후 11:28:19
어라... Windows에서는 유니코드(UTF-8) 문서가 무조건 한글 기본 폰트로 나타나네요. 원래 이러면 안 되는거 아닌가?

dyhan81 wrote:MAC에서 "문자 인코딩"에 따라 문서 표시 글꼴이 결정된다면, 유니코드의 경우 원하시는 한글 글꼴을 사용할 수도 있을 것 같군요. 왜냐하면 아래 그림에서 보시는 바와 같이 유니코드에 대한 표시 글꼴을 따로 지정할 수 있거든요.

http://i274.photobucket.com/albums/jj26 ... 1/----.png

2008-02-02 오후 11:28:19
어라... Windows에서는 유니코드(UTF-8) 문서가 무조건 한글 기본 폰트로 나타나네요. 원래 이러면 안 되는거 아닌가?

이거 한번 해보시고 어떠신지 답변 부탁드려요
저도 저거때문에 그럴수도 있겠다 싶거든요
유니코드에 대한 표시 글꼴 뿐만 아니라 korean 도 있으니까요

(그리고 끝에 dyhan81님이 남겨주신
windows 에서 utf8 문서가 무조건 한글 기본 폰트? 라는건 제가 잘 이해를 못 하겠어요;;)

마지막으로 macuser님-
비록 mac 문제이지만 firefox 관련이기도 하니
여기에도 질문 남겨주세요
여기가 win-fx 를 위해서만 존재하는건 아니니까요
fx(mozilla 전제품 etc)- 를 위해서 존재하지요 =)

UTF-8을 비롯한 Unicode 인코딩으로 작성된 문서의 경우 현재 맥의 파이어폭스는 해당 글자가 어느 스크립트에 속하는지에 따라 다른 글꼴을 쓰지 않습니다. Windows와 리눅스에서는 유니코드로 작성된 문서라도 한글이면 한국어 세리프와 샌스세리프 글꼴을 사용해서 표시합니다. 하지만, 맥은 그렇지 않습니다. (버그입니다)

문제 해결 방법은 다음과 같습니다.

1. lang="ko"(과 xml:lang="ko" : xhtml 문서라면. firefox 2.x는 xml:lang을 이해하지 못 하니까 둘 다 넣으세요) 를 html tag에 넣어 주세요. 이렇게 하면 문서 전체의 언어가 한국어라고 선언하는 셈입니다. 만일, 문서 가운데 일부분이 다른 언어라면 (예를 들어, 한일 대역 문서), 그 부분을 감싸는 p, div 등에 lang=ja (일본어라면)라고 넣으세요.

2. euc-kr로 작성한 경우에는 lang="ko"가 없어도 firefox에서 euc-kr이니까 한국어 문서일 것이라고 추측을 하기 때문에 한국어 세리프와 샌스세리프 글꼴이 적용됩니다. 하지만, 이 웹 사이트도 UTF-8로 전환했듯이, 앞으로는 절대로 절대로 EUC-KR (혹은 Windows-949/확장 완성형) 웹 페이지를 만들지 맙시다. 지금은 1995년이 아니고, 2008년입니다. 1995년에 ISO 10646이 KS C 5xxx (지금은 KS X 1005) 표준으로 채택되었습니다. 13년이 지났습니다. 한국어를 제대로 표현하지 못 하는 인코딩을 언제까지 쓸 수는 없지 않겠습니까?

3. 1이나 2를 하지 않고도 firefox 사용자 설정을 변경하는 방법도 있지만, 그 경우 그렇게 설정한 사용자에게만 효과를 발휘하니까 범용성이 없겠지요. 참고로 그 방법은 아래와 같습니다.

a. about:config를 주소창에 넣으세요.
b. 오른쪽 마우스 버튼을 눌러서 (맥에서는 ctrl을 누른 채로 마우스 버튼을 클릭) 나오는 메뉴에서 '새로 더하기'- '문자열' (한국어판을 현재 안 쓰고 있어서 한국어 번역이 어떻게 되어 있는지 모르겠습니다)를 고릅니다.
c. 이름을 물어 보면 'font.name-list.serif.x-unicode'를 고르세요.
d. 값은 원하시는 한국어 글꼴 (세리프)을 적으세요. (복수의 글꼴을 쉼표로 구분해서 지정할 수 있습니다)
e. b에서 d의 과정을 sans-serif에 대해서도 하세요 (font.name-list.sans-serif.x-unicode). 원하시면 monospace에 대해서도 하시고요.

이렇게 정한 글꼴은 언어가 명시되지 않은 유니코드로 인코딩된 문서를 표시할 때 쓰입니다. 단, 위에서 지정한 글꼴을 쓰기 전에 글꼴 설정 메뉴에서 유니코드(기타 언어)용 문서에 쓸 글꼴을 먼저 씁니다. 그 글꼴이 해당 글자를 지원하지 않으면 name-list에서 지정한 글꼴을 차례로 시도합니다.


요약 : UTF-8으로 문서를 작성하시고, lang="ko"와 xml:lang="ko"를 html (문서 전체가 한국어라면) 혹은 문서의 해당 부분 (문서 일부문이 다른 언어일 경우, 그 언어에 해당하는 언어 태그)에 넣어 주세요. 더 자세한 것은 다음 문서를 참고하세요.

http://www.w3.org/International/techniq ... processing

dyhan81 wrote:추가적으로 몇가지 더 테스트를 해봤습니다. Windows에서는 Header에 메타 정보 설정이 안되어 있는 경우, 기본적으로 아래 표시한 "문자 인코딩"에 따라서 표시될 글꼴이 선택되는 것을 볼 수 있었습니다.

http://i274.photobucket.com/albums/jj26 ... 81/---.png

http://i274.photobucket.com/albums/jj26 ... 8859-1.png ISO-8859-1
http://i274.photobucket.com/albums/jj26 ... ft_JIS.png Shift_JIS

그러나 예외적으로 중간에 한글이 포함되어 있으면 문자 인코딩에 상관없이, ISO-8859-1로 설정해놓아도, Windows에서는 해당 문서의 코드페이지 전체를 EUC-KR로 인식했습니다. (이건 Windows에서 바꿀 수 없어요. 시스템 Locale를 바꾸지 않는 이상... 리눅스에서는 자유롭게 바꿀 수 있는데... )

아닙니다. firefox는 인코딩 표시가 따로 안 되어 있는 문서라면 기본 인코딩으로 인식해서 처리합니다. 그 값이 EUC-KR이라면 EUC-KR로 다른 값이면 다른 값으로 인식해서 보여 줍니다. 또, 인코딩이 명시되지 않은 경우에 인코딩 디텍터가 켜져 있는 상태라면, 기본 인코딩으로 처리하지 않고, 인코딩 디텍터가 추측한 인코딩으로 인식해서 처리합니다.

만일, 인코딩이 문서 내부에 혹은 http 헤더에 명시되어 있다면, 그 설정에 관계 없이 명시된 인코딩을 쓰고요.

위에서 한 설명은 어느 운영 체계를 쓰느냐에 관계 없이 모두 동일합니다.

MS IE7은 그와 달리 기본 인코딩을 따로 정할 방법이 없고 (적어도 UI로 바꿀 방법은 없는 듯. 레지스트리를 건드리면 아마 가능할 듯 하지만), 현재 윈도우즈의 시스템 기본 인코딩 (제어판 - 지역 및 언어 - 고급 탭에서 정할 수 있는) 값을 브라우저의 기본 인코딩 값으로 씁니다. 그 점을 제외하고는 IE7도 Firefox처럼 동작합니다.

dyhan81님, astraea님

맥용 파이어폭스에는 Unicode용 폰트를 따로 설정하는 메뉴가 없더군요...

그래서 추천해 주신 방법은 적용하지 못했습니다.

빛알갱이님

아.. 이게 버그이군요.

사실 이 문제를 질문 드린 것이 제 블로그에서 한글에 sans-serif 폰트와 serif 폰트가 적용되지 않았기 때문이었거든요... 블로그의 인코딩은 UTF-8을 쓰고 있구요.

제 파이어폭스 설정을 바꾸는거 보다 문서내에 언어 선언을 잘 해주는게 좋을거 같아서 lang=ko와 xml:lang=ko를 적어 주니 거짓말처럼 정말 잘 표현됩니다! 파이어폭스의 버그도 수정 되었으면 좋겠네요...

답변 주신 모든 분들께 정말 감사드립니다.

즐거운 설 연휴 보내시길 바라겠습니다.

말씀들을 종합해보면,

1. 유니코드로 되어있는 문서의 폰트는 현재 유니코드 문자위해 특별히 정의된 글꼴을 사용하는 것이 아니라, 해당 언어를 지원하는 글꼴을 name-list에서 찾아 표시한다. (하지만 현재 맥에서는 이 기능에 버그가 있어서 한글이 한글 글꼴로 제대로 표시되지 않고 있다.) 그러나 이 기능에 의존하지 말고, xml:lang 또는 lang properties 를 테그에 넣어주는게 좋다.

2. 유니코드 이외의 인코딩으로 된 문서에 인코딩이 명시되어 있지 않다면, Firefox내에 있는 인코딩 디텍터라는 장치가 인코딩을 결정한다. (Windows에서 처리하는게 아님!)

이로군요.

macuser wrote:dyhan81님, astraea님

맥용 파이어폭스에는 Unicode용 폰트를 따로 설정하는 메뉴가 없더군요...

그래서 추천해 주신 방법은 적용하지 못했습니다.

그것 있는데요. Preference에서 Contents tab에서 Font&Colors에서 advance tab을 고르면 'Other languages'라고 나옵니다. 거기서 설정한 값은 about:config에서 font.name.{serif, sans-serif, monospace}.x-unicode에 대응합니다. 거기에서 지정한 글꼴은 다음 경우에 쓰입니다. (맥 버전의 경우)

1. 문서가 유니코드로 인코딩되었지만, lang이 없어서 언어/스크립트를 알 수 없는 경우
2. 언어/스크립트가 문서에 명시되어 있지만, 현재 파이어폭스가 따로 글꼴을 지정할 방법을 제공하지 않는 경우. 예를 들어, Klingon은 현재 파이어폭스가 지원하는 언어가 아니므로, Klingon 문서는 'Other languages'를 위한 글꼴이 쓰입니다.

윈도우즈와 리눅스 버전은 1의 경우에 해당 글자가 어느 언어/문자에 속하는지 추측을 해서 (완벽하지 않습니다. 한글이라면 명확하지만) 그 언어/문자를 위한 글꼴을 사용합니다.

또, font.name.{serif,sans-serif,monospace}.x-unicode에서 지정한 글꼴로 표시하려고 했으나, 그 글꼴이 해당 글자를 지원하지 않는 경우가 있습니다. 그 경우에는 font.name-list.{serif,sans-serif,monospace}.x-unicode pref.에 나열한 글꼴을 앞에서부터 차례로 시도해 봅니다. (이것은 dyhan81님이 제 글에 대해 쓰신 부분에 대한 답입니다. 제가 이 부분을 앞선 글에서 명확히 설명해 드리지 않았습니다.)

다른 언어/문자에도 해당합니다. 글꼴 지정 메뉴에서는 font.name.{serif,sans-serif,monospace}.LANG에 해당하는 글꼴만 지정할 수 있습니다. about:config 페이지를 통하거나, prefs.js 파일을 직접 편집하는 방법을 쓰면 font.name-list.{serif,sans-serif,monospace}.LANG의 값을 바꿀 수 있습니다.

일반적으로 CJK 글꼴에 있는 로마자나 숫자 모양이 그다지 예쁘지 않으므로 (리눅스의 은 글꼴은 윈도우즈 표준 글꼴보다 이 점에서 다 낫습니다만), 저는 한국어 글꼴 (font.name에 해당하는)에도 라틴 글꼴을 지정해 놓습니다. 대신, font.name-list.XXX.ko에 한국어 글꼴을 적어 놓습니다. Windows나 맥에서는 font.name-list.XXX.ko에 이미 한국어 글꼴이 지정되어 있으므로, UI를 통해 font.name.XXX.ko에 해당하는 값만 라틴 글꼴로 지정하면 원하는 결과를 얻을 수 있습니다. 원하는 결과란 로마자나 숫자는 라틴 글꼴로 한글/한자는 한국어 글꼴로 표시하는 것입니다.

macuser wrote:
사실 이 문제를 질문 드린 것이 제 블로그에서 한글에 sans-serif 폰트와 serif 폰트가 적용되지 않았기 때문이었거든요... 블로그의 인코딩은 UTF-8을 쓰고 있구요.

제 파이어폭스 설정을 바꾸는거 보다 문서내에 언어 선언을 잘 해주는게 좋을거 같아서 lang=ko와 xml:lang=ko를 적어 주니 거짓말처럼 정말 잘 표현됩니다! 파이어폭스의 버그도 수정 되었으면 좋겠네요...

예, 그렇게 하시는 게 좋습니다.

주위 분들께도 lang/xml:lang을 꼭 지정하도록 권하십시오. (혹시, 잘 모르시는 분을 위해서 한국어 언어 코드는 ko입니다. 혹시, korean, kr 등을 쓰시지 않도록 ko라는 사실도 알려 주시고요.) 또, 문서도 UTF-8으로 만들도록 권해 주시고요.

즐거운 설 연휴 보내시길 바라겠습니다.

저는 외국에 있어서 일해야 해요 즐거운 설 연휴 보내십시오.

dyhan81 wrote:말씀들을 종합해보면,

1. 유니코드로 되어있는 문서의 폰트는 현재 유니코드 문자위해 특별히 정의된 글꼴을 사용하는 것이 아니라, 해당 언어를 지원하는 글꼴을 name-list에서 찾아 표시한다. (하지만 현재 맥에서는 이 기능에 버그가 있어서 한글이 한글 글꼴로 제대로 표시되지 않고 있다.) 그러나 이 기능에 의존하지 말고, xml:lang 또는 lang properties 를 테그에 넣어주는게 좋다.

macuser님 글에 대한 답에서 이에 대해 명확하게 (이전에 제가 쓴 글이 좀 불명확했습니다) 설명을 드렸습니다. font.name-list에 앞서서 font.name을 먼저 시도한답니다.

2. 유니코드 이외의 인코딩으로 된 문서에 인코딩이 명시되어 있지 않다면, Firefox내에 있는 인코딩 디텍터라는 장치가 인코딩을 결정한다. (Windows에서 처리하는게 아님!)이로군요.

파이어폭스의 인코딩 결정 방법 요약 (이보다 좀더 복잡하지만, 간단히 설명.)

1. http 헤더에 인코딩 값이 명시되어 있으면, 이 값을 따릅니다.
2. UTF-16, UTF-32, UTF-8 인코딩으로 "BOM"(바이트 오더 마크) 혹은 그에 준하는 바이트열이 문서 선두에 있으면 이 값을 따릅니다.
3. 바이트 기반 인코딩(즉, UTF-16, UTF-32가 아닌)으로 1과 2가 아닌 경우에는 문서 내부에 있는 meta tag에서 선언한 인코딩을 따릅니다.
4. 인코딩 디텍터가 켜져 있는 경우 (View | Encoding에 가 보세요. 인코딩 디텍터를 켜고 끌 수 있습니다.)라면 인코딩 디텍터가 추측한 인코딩 값을 따릅니다.
5. 1-4가 아니면서, iframe이나 frame 등에 의해 '부모 문서'에 삽입된 문서는 부모 문서의 인코딩을 따릅니다. (이 부분은 아마 제거해야 할 듯 싶습니다. Google image search 결과 등을 볼 때 이 부분이 많이 문제가 됩니다. IE, Safari, Opera는 이 규칙을 적용하지 않고, 바로 6으로 넘어갑니다)
6. 1-5가 아니면, 사용자가 지정한 기본 인코딩 값을 따릅니다. 한국어 판 파이어폭스는 이 값이 EUC-KR로 되어 있습니다. 사용자는 원하면 이 값을 바꿀 수 있습니다. (Contents - Font & Colors - Advanced에서).

이 값을 다른 값으로 바꾸고 한국 웹을 돌아다니시다 보면, 얼마나 많은 사이트가 이에 의존해서 인코딩 값을 명시하지 않았는지 알 수 있습니다. 아주 안 좋은 습관입니다. 쓸데없이 '영어 몰입 교육' 같은 헛소리나 하지 말고, 이런 문제부터 (정부 부처 웹 사이트에도 이런 곳 많습니다) 고치면 좋겠군요.

물론, '사용자는 왕'이므로, 언제든지 View | Encoding 메뉴에서 인코딩 값을 강제로 지정할 수 있습니다. 이 강제 지정은 현재 표시 중인 페이지에만 해당합니다.

빛알갱이 wrote:쓸데없이 '영어 몰입 교육' 같은 헛소리나 하지 말고, 이런 문제부터 (정부 부처 웹 사이트에도 이런 곳 많습니다) 고치면 좋겠군요.

"영어 몰입식 교육"은 너무 말이 안 되는 정책이죠... ㅎㅎㅎ 제대로 된, 합리적인 정책이 시행되지도 않는데, 그런 정책이 시행되면 안 되겠죠...