블로그 전체 폰트 바꾸기
■ 블로그 전체 폰트 바꾸려면
- 적용할 폰트 영어 이름 확인
- html 코드에서 font-family 부분 찾아 수정
■ 티스토리 스킨 html 코드 > font-family 부분 수정
- 관리자 페이지 > 꾸미기 > 스킨 편집 > html 편집 > CSS 탭 > body 섹션 > font-family 수정
- 블로그 이름, 글 제목, 카테고리, 본문 포함 모든 곳에 적용
■ 글 작성 페이지에서 서체 선택
- 본문에만 적용, 글 제목이나 다른 부분은 그대로
- 다시 바꾸고 싶은 경우 글마다 수정 필요
- 글자체 바꾼 부분만 <span> 태그가 붙어 html 코드 가독성 ↓
■ 티스토리 기본 폰트 영문명 아는 방법
- 포털에 나눔고딕 영문명 검색하거나
- HTML 모드에서 <span> tag 활용
HTML 모드는 글 작성 모드에서 폰트가 있는 메뉴바 제일 오른편에 보면 기본모드라고 있는데 누르면 마크다운, HTML 모드를 선택할 수 있다.
작성한 글 일부만 다른 폰트로 바꿔 HTML 모드로 보면 바뀐 부분만 <span></span> 태그로 되어있는데 거기서 style에 있는 font-family를 통해 기본 폰트의 영문명을 알 수 있다.
이 방법은 구글 검색을 통해 알았던거 같다.
티스토리 오디세이 Odyssey 스킨에서는 CSS 코드에서 <body></body> 섹션 200번대에 있는데 CSS 탭에 없다면 HTML 코드에서 font-family 코드 부분을 찾으면 되겠다.
font-family 기존 설정은 두고 맨 앞 부분에 새로운 폰트를 더했는데 적용이 잘된다.
원본 코드는 지우지 말고 주석 처리한 다음 바로 밑에 새로 적용하려는 폰트 코드를 적는 것도 방법이다.
body {
/* font-family: "맑은 고딕", "Nanum Gothic"; */
font-family: 'Noto Serif KR';
}
오른쪽이 나눔고딕, 왼쪽이 본명조 폰트 적용 모습
반응형
'블로그 운영 > 티스토리 꾸미기' 카테고리의 다른 글
| 프라치노 스킨 사진 2개 이상 본문 폭 조절 (0) | 2021.11.06 |
|---|---|
| 유료 스킨 사용해보니 (0) | 2021.11.05 |
| 글 리스트 간격 조절 (0) | 2021.10.23 |
| 페이지마다 다른 스타일로 꾸미기 (2) | 2021.10.23 |
| HTML로 라벨 모양 스티커 만들기 (0) | 2021.10.22 |