티스토리 한국어, 중국어, 일본어 폰트 Noto sans(본고딕) 적용하기

티스토리에 중국어와 일본어를 같이 사용할 경우 폰트 문제로 골치아파질때가 있습니다. 괜찮아 보이는 중국어 폰트를 적용하는 경우 일본어로 쓴 것은 중국어와 같은 한자를 쓴 것은 변환되지만 중국어로 지원안되는 일본식한자는 변환이 안되서 살짝 이상해 보입니다. 일본어와 중국어 모두 같은 폰트를 적용하는게 깔끔해 보이지요.

 

Noto Sans(본고딕)은 중국어, 일본어 둘다 지원이 되는 가장 최적의 폰트입니다. 적용전과 적용후 모습을 비교해볼까요?

 

적용전

 

적용후

적용 후 모습이 더 깔끔해보이죠? 방법을 알려드리겠습니다.

 

1. 구글 폰트에서 noto sans KR, noto sans SC 선택

구글 크롬을 통해 https://fonts.google.com 로 들어갑니다.

그리고 아래화면과 같이 noto sans로 검색을 한 후 noto sans KR, noto sans SC를 선택합니다.

 

2. 폰트 선택 후 소스코드를 확인

CUSTOMIZE를 클릭하고 Korean, Chinese, Japanese에 체크합니다.

Noto Sans SC의 SC는 중국어 간체를 의미합니다.

 

EMBED > IMPORT에 가서 아래와 같은 소스코드를 복사합니다. 아래 txt파일에서 드래그해서 사용하면 됩니다.

 

폰트 소스코드(Noto sans).txt

 

3. 티스토리에 적용

관리자 화면으로 들어가서 스킨편집을 클릭합니다.

 

CSS 모드로 들어가서 두가지 작업을 합니다.

① txt 파일의 소스코드를 @charset "utf-8" 아래 칸에 붙여넣기 합니다.

② Body의 font-family에 'Noto Sans KR', 'Noto Sans SC' 를 넣습니다.

 

이렇게 편집을 완료했으면 한국어, 중국어, 일본어, 영어가 Noto Sans로 적용이 됩니다. 한층 더 깔끔해진 인상을 줄 수 있겠죠? ㅎㅎ

 

2019/01/27 - [티스토리와 함께] - 티스토리 구글 무료 폰트 나눔고딕 적용하는 법