티스토리 특정 게시글만 웹폰트 글꼴 설정하기

주의사항

 

모바일에는 적용되지 않음

모바일에도 적용되도록 하는 방법을 찾았음

 

글 발행 후에 수정할 경우 설정해둔 것이 사라짐

 

 

 

준비물

 

구글 웹폰트 사이트

 

 

 

방법

 

1. 구글 웹폰트 사이트에서 원하는 글꼴을 선택한 후, Embed Font 밑에 있는 @IMPORT를 누르고 위아래의 <style>과 </style>을 뺀 @import부터 ;까지의 코드를 복사한다.

 

2. CSS 편집에서 제일 위의 @charset 밑에 복사한 코드를 붙여 넣고 적용을 누른다.

 

3. 티스토리 글쓰기 창을 열고 원하는 글을 작성한다.

 

4. 글을 다 썼다면 HTML 모드로 전환하고 다음 코드를 위아래에 추가해준다.

 

<span style="font-family:'폰트명', 폰트 유형;">
<p>글 작성한 부분</p>
</span>

 

 

 

적용

 

예시는 Noto Serif KR로

실제로는 이렇게 보인다.

볼드체 적용 샘플

 

 

 

다른 블로그에 몇 가지 글을 나눔명조로 적고 싶어서 방법 찾다가 결국 혼자 해냄…. 언젠가 또 필요할 일이 생길테니 여기에 박제해두기.

 

모바일에 적용이 안 된다는 게 좀 아쉽지만ㅋㅋㅠㅠ…. 애초에 폰에서 나눔명조로 보고 싶어서 방법 찾아본 건데ㅠ

 

그렇다고 전체 폰트를 다 강제로 바꾸기엔 역시 고딕이 가독성이 좋고 그래서 여기서 만족하는 걸로….

 

191005 모바일 해결방법 찾음

 

191031 더 간단한 방법 찾아서 수정함