티스토리에 폰트 변경 적용하기(.feat Noto Sans KR)

 티스토리 스킨의 기본 폰트는 대부분 나눔고딕입니다. 이것을 변경하기 위해서 구글에서 제공하는 사이트 인(https://fonts.google.com/)가 있습니다. 여기에 가시면 여러가지 폰트를 찾을 수 있습니다.

Google Fonts

 

 

■ 폰트 적용방법

 1) 원하는 폰트를 먼저 찾아주시기 바랍니다. (단, 한글을 사용하는 우리나라는 뒤에 KR이 붙은걸 사용해야 글자 깨짐을 방지할 수 있습니다.)

원하는 폰트 찾기

  2) 원하는 사이즈를 고려한 후, "Remove this style"을 클릭하여 확장 후 표시된 부분 처럼 html의 Head 부분과 html CSS의 Body 부분에 각각 붙여넣기 해주시면 됩니다.

＊family=Noto+Sans+KR:wght@100&display=swap" rel="stylesheet"> 이 부분을

＊family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">로 수정한 후 붙여넣기 해주세요.

폰트 설정하기

 

 3) 각 스킨마다 html 코드와 css 코드가 다르기 때문에 예시를 참고만 해주시기 바랍니다.

적용 예시

＊html

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

＊CSS

body {background:#ffffff url() repeat-x; color:#333; font-family: 'Noto Sans KR', sans-serif;}

 

 ■ 변경 전 / 변경 후

변경 전 / 변경 후