이 블로그는 더이상 운영되지 않고 Archive 용도로 사용되고 있습니다.
새로운 블로그를 방문해주세요.

[square] 일어를 좀 더 예쁘게 쓰고싶을 때


2.0 이후 스킨에선 Meiryo UI 폰트가 이미 추가되어 있습니다.

이 가이드에 보고 따로 수정할 필요 없습니다.




현재 적용된 본고딕(Noto Sans)은 히라가나는 깔끔하게 나오는데 한자의 경우 딱딱하게 나옵니다.


적용전이렇게요.


이 팁은 윈도우 비스타 이상의 데스크탑에서만 적용됩니다.

윈도우 비스타 이상부터 기본적으로 Meiryo UI 라는 글씨체가 포함되있는데요, 이 글씨체를 블로그에 적용해보겠습니다.


style.css 파일 편집

style.css 파일 상단을 보시면 이런 소스가 있습니다.


@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url("./images/NotoSansKR-Hestia.css");

html { font-size: 62.5%; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
html, body { margin: 0; padding: 0; background-color: #f1f1f1; overflow-x: hidden; }

body,
input,
textarea { font-size: 14px; font-size: 1.4rem; font-family: 'Ubuntu Condensed', "Meiryo UI", "NSK"; line-height: 100%; }


우리가 수정해야 할 부분은 font-family 부분인데요,


font-family: 'Ubuntu Condensed', "NSK";


이렇게 돼있는 부분을


font-family: 'Ubuntu Condensed', "Meiryo UI", "NSK";


이렇게 수정하면 끝납니다.


간단하죠?


적용후Meiryo UI 서체가 적용된 모습