얼마 전, 제 블로그를 보니 폰트의 영향으로 글의 가독성이 떨어지고 블로그 디자인과도 조화롭지 않다는 생각이 들었습니다.
보기 좋은 떡이 먹기도 좋다고 바로 폰트를 변경했는데 Internet Explorer와 Chrome에 동시에 적용하는 것이 생각만큼 쉽지 않아 방법을 공유하고자 글을 남깁니다.
예시 폰트는 널리 쓰이고 있는 나눔고딕 폰트를 사용하겠습니다.
티스토리 블로그에 폰트 적용하기
1. 티스토리 블로그에 파일 업로드
블로그 관리 -> 꾸미기의 스킨편집 -> HTML 편집 -> 파일업로드로 이동하여 아래 두개의 폰트 파일을 아래의 사진과 같이 티스토리 블로그에 업로드 합니다.
NanumGothic.eot
2. CSS 편집
블로그 관리 -> 꾸미기의 스킨편집 -> HTML 편집 -> CSS로 이동하여 아래의 코드를 아래의 사진과 같이 추가합니다.
@font-face{
font-family: "Nanum Gothic";
src: url('./images/NanumGothic.eot');
src:local(※), url('./images/NanumGothic.woff') format('woff')
}
다시 접속하면 바뀐 폰트를 볼 수 있습니다.