1) google font
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
language 선택. 혹은 영어로만 되어 있으면 english로 설정하기!
마음에 드는 폰트 클릭한 뒤에 맨 상단의 네모 박스 버튼을 누르면 selected family라고 뜹니다. 여기에서 link와 css 코드를 가지고 올 수 있습니다.
(저 폰트는 적용해보고 아닌 것 같아서 바꿨지만ㅎㅎ)
2) tistory html 수정
스킨 편집에 들어가서 html란을 보면 <head>에서 </head>로 시작하는 사이에 저 링크를 넣어줍니다.
(개인정보 보호를 위해 중간 부분은 잘랐습니다)
20~22 줄이 구글 폰트에서 복사해서 붙여넣기 한 부분!
3) css 수정
대략 234줄 쯤에 font-family 부분에 구글 폰트 부분을 가지고 옵니다.
여기 하단 사진의 부분에서 'Nanum Gothic' 부분만 들고 왔습니다. 뒤의 sans-serif 부분은 만약 'Nanum Gothic'이 적용되지 않을 때에는 세리프 체를 쓰겠다는 의미라서. 이미 tistory에는 적용되지 않을 경우를 대비해서 저기 뒷부분 'Noto Sans KR' ~ 부터 쭉 글꼴이 나열되어 있기 때문에 저는 나눔 고딕만 들고올 겁니당.
이렇게 해서 저장해주면,
변경된 글씨체를 확인할 수 있습니다.
이렇게도 변경되었다가
이렇게도 변경했다가.
좀 더 손글씨 같은 걸로 변경하고 싶었는데 너무 가독성이 떨어져서 일단 고딕으로 바꾸었습니다.
원하는 글씨체가 나올 때까지 코드 수정해서 테스트 해보시면 됩니다 :)
그럼 이만!
'Tistory정보' 카테고리의 다른 글
| 티스토리 필자, 편집자, 관리자 권한 주기 (0) | 2022.10.06 |
|---|---|
| 구글 검색 상위 노출 조건_mobile friendly test (0) | 2022.09.19 |
| 티스토리 favicon 만들기, 파비콘 (0) | 2022.08.22 |
| 오딧세이 스킨 상단 메뉴바 정렬, 전체 매뉴 글 색상 css 변경 (0) | 2022.08.12 |
| 오디세이 스킨) 본문 포스팅 사이즈 변경 (0) | 2022.08.10 |