맑은고딕은 마이크로소프트 윈도우즈7 이상의 운영체제에서 기본으로 설치되있는 폰트입니다. 가독성이 매우 뛰어나며 매우 깔끔하고 우수한 디자인을 자랑하는 폰트죠. 티스토리 블로그를 운영하는 분들이 나눔 고딕과 맑은 고딕을 주로 사용하는데 저는 맑은 고딕이 더 맘에들었답니다. 자 그럼 티스토리 블로그에 맑은 고딕 폰트를 기본으로 설정하는 방법을 알아보도록 할께요
맑은고딕 폰트 예제
티스토리 관리자 메뉴 진입
첫번째로 티스토리 관리자 메뉴로 들어갑니다. ( 티스토리에 로그인된 상태면 블로그 화면에서 키보드 'Q'키를 누르면 관리자 모드로 바로갑니다. ) 왼쪽 메뉴에서 HTML/CSS 편집을 선택합니다.
Ctrl + F : Font
키보드의 Ctrl 키를 누른 상태에서 F를 눌러 웹브라우저의 검색창을 활성화 합니다. 아래의 화면처럼 웹브라우져의 상단에 하나의 바가 더생깁니다. ( 구글 크롬의 경우에는 오른쪽 상단에 작은 검색창이 생깁니다. ) 그리고 찾기 오른쪽 검색칸에 font 라고 입력합니다.
이제 아래의 화면처럼 skin.html의 오른쪽에 있는 화살표를 한번눌러 창을 작게 만들어줍니다. 우리가 수정해야될 부분은 style.css 부분이기때문에 위의 HTML부분은 작게 줄여서 보기 편하게 해주는거죠. 그리고 css 의 오른쪽 화살표도 한번눌러서 style.css 창을 넓게 확장합니다.
Malgun Gothic , 입력
이제 Style.css화면에서 노란색 형광펜으로 칠한듯하게 표시된 font의 부분을 확인해가면서 글꼴 부분에 Malgun Gothic이라고 입력해줍니다. 아래의 화면을 보면 맨위의 바디 폰트 부분에서 Dotum 등의 글씨체가 표시된 바로 앞에 Malgun Gothic 그리고 콤마 , 를 추가로 입력해줍니다.
다음으로 Ctrl+F를 눌러 불러온 찾기 창을 다시한번 주목하세요 우리가 Font라고 입력한 부분 오른쪽을 보면 '이전', ' 다음' 버튼이 있습니다. 다음 버튼을 눌러서 style.css 부분의 font 나 font-family 부분의 글꼴 리스트 맨앞에 Malgun Gothic을 입력해줍니다.
Font 로 검색한 후 아래의 스크린샷처럼 font-family 부분도 변경을 해주셔야합니다. Malgun Gothic , 를 다른글꼴 맨앞부분에 모두 적어주고 '미리보기'를 해보신후 제대로 적용이 안되면 다시한번 font 나 font-family 로 검색하여 모든 글꼴 앞에 Malgun Gothic을 적어주세요
기본적으로 폰트패밀리 부분을 보면 위 화면의 나눔고딕은 기록되있지 않습니다. 보통 font-family : dotum , sans-serif ; 등의 글꼴로 표시되있답니다. 어째됬건 폰트패밀리나 폰트로 검색하여 돋움이나 기타 글꼴 앞에 Malgun Gothic , 를 넣어주시면 블로그의 글을 맑은 고딕으로 볼 수 있습니다.
* 이 방법은 시스템에 맑은 고딕이 기본적으로 설치되 있을때 보이는 방식입니다. 윈도우즈7이상의 시스템에서는 기본적으로 설치되는 폰트이기 때문에 잘 표시될꺼에요 혹시 XP를 사용하는 시스템의 경우엔 2013년을 기점으로 MS의 공식지원이 끝난상태의 XP를 윈도우7이나 윈도우8로 업그레이드 할것을 권장합니다. *
* 티스토리의 글쓰기 모드에서는 맑은고딕으로 적용된 상태에도 맑은고딕으로 보이지 않습니다. 미리보기를 항상 눌러서 확인하시거나 혹은 비공개로 저장한 후 블로그에서 제대로 나오나 확인한 후 발행을 해주세요 *
댓글