티스토리 '글쓰기' 창에서 기본적으로 제공하는 글꼴 외에 다른 외부 글꼴을 가져와서 저곳(빨간색 박스)에 추가하는 방법은 찾지 못했다. 글을 작성한 후 작성된 페이지를 완료하지 전, '기본모드'에서 'HTML' 모드(파란색 박스)로 전환하여 글꼴을 변경할 수 있는 방법을 설명한다.
우선, 자신이 선택한 무료 폰트의 'url'과 'font-family'을 알아야 한다.
그리고, 아래의 코드를 작성한다.
<style>
@import url('https://fonts.googleapis.com/css2?family=Sunflower:wght@500&display=swap');
.sunf-font {font-family: 'Sunflower', sans-serif};
</style>세 번째 줄 sunf-font는 임의로 설정한 것으로 글꼴에 맞는 적절한 이름을 부여해 주면 된다. 이렇게 작성한 코드를
블로그 관리 > 꾸미기 > 스킨 편집 → html편집 → HTML
탭에 삽입해야한다. 삽입 위치는 <head>와 </head> 사이이다.
'글쓰기' 창에서 글을 작성한 후 완료 버튼을 누르기 전, 기본모드에서 'HTML' 모드로 변경한다. 자신의 쓴 모든 글에 대해 글꼴을 바꾸기 원한다면 첫 줄과 마지막 줄에 다음의 코드를 적어준다. 특정 부분의 글만 변경하기를 원한다면 그 특정 부분의 위와 아래에 다음의 코드를 적는다.
<div class="sunf-font">
......
......
......
......
......
</div>[미리보기] 버튼을 눌러보면, 글꼴이 어떻게 적용되었는지 확인 가능하므로 코드를 적는 위치를 적절히 수정하면 된다.
다음과 같이 기본서체에서
Sunflower로 글꼴이 변경된 것을 볼 수 있다.
'➰ 티스토리와 친해지기' 카테고리의 다른 글
| 티스토리 '코드블럭' 스크롤(Scroll) (0) | 2022.09.21 |
|---|---|
| 티스토리 '블로그명' 글꼴 변경 (0) | 2022.09.19 |
| 티스토리 '코드블록' 동글동글 모서리 (0) | 2022.09.16 |
| 티스토리 '코드블럭' 글꼴 변경 (0) | 2022.09.16 |
| 수식 조판 - LaTex (0) | 2022.09.15 |
댓글