안녕하세요. 오늘은 티스토리를 처음 접하거나, 글꼴 추가에 관심 있으신 분들에게 자신의 쓴 글에 글꼴을 수정하여
더 이쁘게 만들 수 있는 글꼴 추가 방법을 알려드리도록 하겠습니다. 제가 여러번의 글꼴을 추가해보며 실패를
많이 겪었던 만큼 쉽게 알려드리도록 하겠습니다. 저는 비 전공자이기에 비 전공자 기준으로 설명하였습니다.
글꼴 다운로드 사이트
① 글꼴 다운로드 사이트에는 다양한 사이트가 존재하지만 활용하기에 좋은 '눈누 사이트'를 추천합니다. 아래사이트에 접속 후 본인이 원하는 글꼴을 다운로드 해주세요 저는 Yoon 감자꽃이라는 글씨체를 선택해보겠습니다.
② 접속 후 원하는 글씨체 다운로드 진행
③ 다운로드 페이지에 입장 후 다운로드를 하셨다면 , 해당 파일을 압축을 풀어줍니다
티스토리 글꼴 적용 방법
① 압축 풀기 후 자신의 티스토리 관리 → 스킨 편집 → HTML 편집 → 파일 업로드로 들어가 압축 푼 파일의 ttf 파일을 업로드 진행 하여 줍니다.
※ 여기서 tff 파일 외 otf,ttf,woff,woff2 파일이라면 다 업로드 해주시면 됩니다.
② 위 파일을 업로드 하셨다면 아래 코드를 복사하여 예시와 같이 입력하여 줍니다.
복사 코드) @font-face {
font-family: 글씨체 이름; src:url(images/url);
}
body {
font-family: 글씨체 이름;
}
예제 )
@font-face {
font-family: GamjaFlower; src:url(images/GamjaFlower-Regular.ttf);
}
body {
font-family: GamjaFlower;
}③ 작성한 코드를 CSS 탭에 넣어줍니다. 꼭 빈 공란을 만들고 넣어주셔야합니다.
빈 공란을 원하는 곳에 만들고 넣어주시면 됩니다.
④ 이제 업로드를 진행하였다면 자신의 티스토리 전체에 적용을 해보아야겠죠. 아래 코드를 복사하여
CSS 탭에서 검색해줍니다.
⑤ 아래 Font famiily 코드의 내용을 다 지워준 후 자신의 다운로드 한 글꼴체 이름을 적어준 후 적용을 눌러줍니다.
⑥ 적용을 누르고 자신의 티스토리를 보면 아래와 같이 적용된 모습을 볼 수 있습니다.
티스토리 글꼴 적용 시 주의점
- 글꼴 적용 시 주의하실 점은 자신의 티스토리 전체에 적용 되는 것이므로 신중하게 판단하시길 바랍니다.
- 일부 제목 서식에만 글꼴을 적용시키는 방법도 있으니 참고 하시길 바랍니다.
- 원하는 카테고리에만 글꼴을 적용시키는 방법도 있으니 참고 하시길 바랍니다.
- 꼭 자신의 예비 블로그에서 실험 후 본 티스토리에서 스킨 편집 하시길 바랍니다.
마지막으로 한번 더 강조드리고 싶은 것은 자신의 티스토리가 아닌, 자신의 예비 티스토리를 하나 더
창설하여 동일한 스킨을 적용 후 스킨 편집을 실험해본 후 본 티스토리에 적용 하시길 바랍니다.
1. 티스토리 글꼴 적용 방법
2. 티스토리 글꼴 사이트
3. 티스토리 글꼴