티스토리 블로그 폰트 내가 원하는 걸로 바꾸기

원래 블로그에 있던 폰트는 Noto Sans KR, Arial이었는데

Pretendard로 바꾸고 싶어서 먼저 해봤던 개발자 E님께 알려달라고 물어봤음 ㅎㅎ

E님 개발 블로그 https://kkimeun.tistory.com/

뭐라도 하자

 

---

일단 블로그 설정 > 스킨 편집을 들어가면 위와 같은 화면이 뜸

우측 패널에 있는 스킨 썸네일 밑에 [html 편집]이란 버튼을 클릭

그러면 우측 패널의 뎁스가 바뀌며 이렇게 HTML, CSS, 파일업로드 3가지 탭이 보임.

여기에서 CSS 클릭!

 

CSS 코드 아무데나 커서를 두고, 맥에서 command+F (윈도우 Ctrl+F)를 눌러

font-family 검색.

 

E님의 지시에 따라 body와 h1 사이에 아래와 같은 문구 복붙 ,,,

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul, input, select, table, textarea, span{
    font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", Dotum, '돋움', "Noto Sans KR", "Nanum Gothic", 'Lato', Helvetica, sans-serif !important;
}

 

 

다 됐으면 우측 상단의 [적용] 버튼을 누르고, 왼쪽의 [새로고침] 버튼을 눌러서 확인.

나는 이때 거의 다 적용 됐었고, Flutter Beginner라고 적었던 슬로건 부분만 Arial이 남아있어서

E님이 그부분을 찾아내줌 ㅎ...

E님의 지시에 따라 다음을 실행함 ...

 

1. 아까 복붙한 코드는 span { 로 끝났었는데, span, strong { 으로 strong을 추가 입력

근데 이렇게 g의 아래가 잘려보이는 현상이 있었음

이거는 E님이 아래와 같이 지시함.,,,

 

2. CSS 코드에서 .area-promotion .inner-promotion strong 검색

엉... 진짜 있네

3. Arial로 되어있는 부분을 Pretendard로 직접 수정

4. line-height: 1.08 -> 1.2 로 수정

 

짠 ! 호호

내가 한 건 복붙밖에 없는데 뿌듯해서 올림