이번에는 티스토리 블로그 왓에버스킨 본문 글씨체 및 글꼴을 변경하는 방법에 대해 정리해 봤습니다.
티스토리 기본 스킨 중 Whatever, 북클럽, 포스터 스킨은 방법이 유사한 것 같고 오디세이는 코드를 삽입하는 구간이 완전히 달라서 따로 검색해보셔야 할 것 같습니다.
1. 무료폰트 사이트로 유명한 눈누에서 글꼴을 선택 후 목적에 맞게 사용이 가능한지 라이선스를 확인합니다.
2. "웹폰트로 사용"에 적혀있는 코드를 전부 복사합니다.
3. 티스토리 블로그 관리창에서 스킨편집> html 편집> CSS탭으로 들어갑니다. 관리창이 보이지 않을 경우 티스토리 주소 "(블로그 이름).tistory.com" 뒤에 /manage를 추가해 주면 됩니다 (예시_aaa.tistory.com/manage).
4. 눈누 "웹폰트로 사용"에서 복사한 코드를 /* Web Font Load */ 아래에 존재하는 @import url~ 밑에 그대로 붙여넣기를 합니다. @import url~ 은 스킨에 이미 추가되어 있는 폰트입니다.
5. 붙여넣은 코드 @font-face { 의 font-fmily: 옆에 '글꼴 이름'이 적혀있는데 해당 부분을 복사한 후 body { 의 font-family: 옆에 삽입하고 쉽표(,)를 넣어줍니다. 기존에 존재하는 폰트 앞쪽에 삽입해야 새로 삽입된 글꼴이 우선으로 적용됩니다.
눈누에서 제공되는 글꼴 중 앞이 @font-face { 가 아닌 경우도 있는데 중요하지 않은 부분입니다.
왓에버, 북클럽, 포스터 스킨은 삽입 위치가 body{ 로 표기되어 있지만 스킨마다 삽입 구간의 명칭이 다를 수 있습니다. 이럴 경우 <ctrl / command + F>로 font-family를 검색해서 한 번씩 건드려보며 원하는 위치가 바뀌는지 일일이 확인하는 방법이 있습니다.
6. 변경사항이 적용됐는지 왼쪽의 미리보기로 확인하기 위해 새로고침 버튼을 누를 때 적용 딜레이가 생길 수 있으니 3~5번은 새로고침을 눌러보는 게 좋습니다. 원하는 결과가 나왔다면 적용을 눌러 편집을 마무리해 주세요.
편집을 해봤는데 찾던 위치가 아니라면 해당 페이지를 나가지 않는 한 <ctrl / command + z>로 복구할 수 있으며 적용버튼을 누르기 전에는 실질적으로 적용된 게 아닙니다.
티스토리 블로그 스킨 왓에버(whatever) 편집: 제목과 본문의 글자 크기, 문장 줄 간격 조정
티스토리 블로그 스킨 왓에버(whatever) 편집: 제목과 본문의 글자 크기, 문장 줄 간격 조정
HTML? CSS? IT 전문용어 1도 모르는데 티스토리를 시작하려니 난관이 참 많더군요. 여러 블로그들을 탐색해봤는데 스킨마다 조금씩 다르길래 Whatever 스킨 '본문의 제목'과 '본문 내용'의 글자 크기,
mycolorz.tistory.com
'정보기록' 카테고리의 다른 글
| 인스타그램 고화질 사진 업로드 확인사항 (갤럭시, 아이폰 저화질 방지) (0) | 2024.02.05 |
|---|---|
| 캐나다 밴쿠버 한달살기: YVR 공항택시 이용요금과 주의사항 (0) | 2023.11.09 |
| 일러스트레이터: 벡터화 시킨 PNG를 300ppi로 저장하거나 해상도를 바꾸는 방법 (0) | 2023.08.05 |
| 내가 만든 프리즈마 색연필 150색 컬러차트 색상표 (5색 추가, 디지털드로잉) (0) | 2023.05.09 |
| 티스토리 블로그 스킨 왓에버(whatever) 편집: 제목과 본문의 글자 크기, 문장 줄 간격 조정 (0) | 2023.04.12 |
