2011

04월

04

css – 블로그 기본서체를 맑은고딕으로 바꿨습니다.

왜 바꿨냐면… 전 이미지폰트 스타일의 폰트가 픽셀폰트보다 읽기가 더 편해서 입니다. 그냥 저 편하자고 하는짓입니다. 쿨럭;

윈도우즈7 사용자들에게는 아래 이미지처럼 보일겁니다.

맑은고딕이 설치되어있거나 윈도우즈 7 에서는 맑은고딕으로, 윈도우즈? XP 사용자나 맑은고딕이 설치되어있지 않은 시스템에서는 픽셀 스타일의 돋움체로 보이도록 했습니다.

css를 다음과 같이 수정하면 됩니다.

대부분 font-family:dotum; 처럼 되어있거나
font:normal 12px dotum; 처럼 되어있을 것입니다.

이부분을
font-family:”Malgun Gothic”, dotum; 또는
font:normal 12px “Malgun Gothic”, dotum; 처럼 바꾸면 됩니다.

이제 윈도우즈7 사용자들은 클리어타입의 맑은고딕이 기본폰트로, xp 사용자들에게는 픽셀스타일의 돋움체로 보이게 될 것입니다.

맥 사용자들은 명조체로 보이는경우가 많은데 그럴경우는 다음과 같이 AppleGothic을 한 줄 더 선언합니다.
font-family:AppleGotihc, “Malgun Gothic”, dotum;
font:normal 12px AppleGotihc, “Malgun Gothic”, dotum;

이렇게 선언하면 맥사용자들에게도 고딕체로 보이게 됩니다. ( 맑은고딕체로 보이는게 아닙니다.)

다음에는 사용자의 시스템에 상관없이 보여주고자 하는 서체를 사용자의 브라우저에서 보이도록 하는 방법을 올리도록 하겠습니다.
(여기에는 익스플로러의 아픔이 또 존재합니다만..)