19_티스토리 나눔고딕 적용

 블로그 전체에 나눔고딕을 적용하기

1. 설정 진입

Setting - HTML/CSS 편집을 들어갑니다.

 

 

2. CSS

CSS를 누릅니다.

 

3. 첫 번째 소스에서 두 번째 소스로!

@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(http://notosanskr-hestia.s3-website-ap-northeast-1.amazonaws.com/stylesheets/NotoSansKR-Hestia.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(http://notosanskr-hestia.s3-website-ap-northeast-1.amazonaws.com/stylesheets/NotoSansKR-Hestia.css);

      

 

첫 번째 소스에서 

세 번째 줄에 있는 주석을 지웁니다. (줄 양 끝 /* */ )

 

4. textarea

body,
input,
textarea { font-size: 14px; font-family: 'Ubuntu Condensed', "Noto Sans Korean"; line-height: 100%; }

a { color: #4F5458; text-decoration: none; }
a:hover { color: #6A7B8B; }

 

body,
input,
textarea { font-size: 14px; font-family: 'Nanum Gothic', "Noto Sans Korean"; line-height: 100%; }

a { color: #4F5458; text-decoration: none; }
a:hover { color: #6A7B8B; }

 

이번에도 역시 세 번째 줄에 있는 소스를 수정해야 합니다.

가장 먼저 적용되는 폰트가 Ubuntu Condensed라는 겁니다.

우리는 나눔고딕을 적용해야하기 때문에 Ubuntu Condensed 앞에 작성합니다.

'Ubuntu Condensed' 앞에 'Nanum Gothic'을 추가합니다. (아래의 소스처럼)

저는 'Ubuntu Condensed'을 지우고 그냥 바꿨습니다.