Web/Font

일본 웹사이트는 어떤 폰트를 사용할까? 히라기노, 메이리오 폰트

qOOp 2014. 9. 18. 17:48
반응형

일본 웹사이트, 블로그에서는 어떤 폰트를 사용할까?

일본어로 웹사이트를 한번이라도 제작해 보신 분은 왜 글자가 이상하지? 글자가 깨어진것도 아닌데, 다른 사이트와 비교해서 뭔가 좀 밸런스가 맞지 않아 보기가 힘들다고 느낀적이 있을지도 모르겠습니다.

요즘이야 인코딩을 거의 UTF-8 로 지정하기 때문에 영어, 중국어, 일본어, 한국어를 함께 사용해도 글자가 깨어지는 일이 없지만, 이전의 나라별 지역 인코딩을 사용할 경우에는 글자가 깨어지는 일도 상당히 많아 고생하신 분들도 있으리라 생각됩니다.

특히 일본어의 경우 인코딩을 Shift_jis 를 많이 사용하였는데, 5C 문자라고 하여, 인코딩을 정확하게 해주어도 일본어 내에서 깨어지는 문자들이 있었지요. 그래서 특별하게 처리를 하는 경우도 많았구요. 

각설하고, 일본 웹사이트 블로그에서는 어떤 폰트를 가장 많이 사용할까요?

일본의 빅카메라(비쿠카메라)의 사이트입니다. 페이지 소스 중 폰트 부분을 확인하면, 아래와 같은 폰트를 사용한다는 것을 알 수 있습니다.

순서대로 보면, Arial, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Hiragino Sans GB W3, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif 로 나열이 되어 있습니다.

웹사이트 제작자 마다 조금씩 다르기는 하지만요, 대체로 위와 같은 폰트를 사용하고 있습니다. 

"히라기노 폰트" 와 "메이리오 폰트"를 사용하신다고 생각하시면 됩니다.

히라기노 폰트는 일본 애플 OS의 경우 기본적으로 설치가 되며, 메이리오 폰트는 일본 윈도우 비스타 부터는 포함이 되어 있으며, 윈도우 XP 에서도 다운로드 받아서 사용이 가능합니다.

즉, 애플 사용자를 위한 폰트가 히라기노(ヒラギノ:Hiragino) 폰트이며, 윈도우 사용자를 위한 폰트가 메이리오(メイリオ:Meiryo) 폰트라고 생각하시면 됩니다. 

메이리오 폰트는 http://download.microsoft.com/download/7/0/1/70182c8c-e50d-4e31-8fd5-f5273a1a580e/VistaFont_JPN.EXE 에서 다운로드가 가능하지만, 히라기노 폰트는 유료라서, 윈도우에서 사용시에는 폰트 구매를 하셔야 합니다. ( 가격도 저렴하지 않습니다. )

일본 사이트를 개발할 경우에는 스타일에 폰트를 아래와 같이 설정하시면 됩니다.

<style>

body { font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo; }

</style>

그렇다고, 폰트가 설치되지 않은 한국 윈도우에서는 폰트가 적용 되지 않으므로, 무료로 다운로드 가능한 메이리오 폰트 하나쯤은 설치하시고 테스트를 하시면 좋을 것입니다. 

웹사이트를 이용하는 일본인의 경우, 일본어 윈도우를 사용한다면, 당연히 포함되어 있어 걱정하실 것은 없구요. 애플도 마찬가지입니다.

잠시, 굴림체와 메이리오를 비교하면

일본어의 경우에는 메이리오 폰트가 가독성이 더 좋습니다. 굴림 폰트는 한글용이라 굴림 폰트를 이용하여 일본어를 표시하면, 글자가 좀 찌그러지지요.

개발자가 아닌 일본 페이지를 웹서핑 하신다면, 어떻게 하면 좋을까요?

일본 페이지를 웹서핑시에도 메이리오 폰트 하나를 PC에 설치해두시면, 일본 사이트의 페이지가 보기 좋게 표시되기 때문에 설치하실 것을 권해드립니다.