이번에 블로그를 다시 시작하게 되면서 내 홈페이지도 내 입맛대로 바꿔보자라고 마음을 먹었네요.
바쁘겠지만 틈틈히 홈페이지도 바꾸고 도움이 되는 정보는 알려드리려고 해요~~ ㅎㅎ
티스토리 블로그 글씨체 바꾸는 방법을 알려드릴게요.
저는 테스트로 나눔고딕으로 적용을 해보았습니다.
일단 아래에서 나눔고딕 글씨체를 다운받아주세요!
다운을 받으셨다면 경로(티스토리 - 블로그관리 - 꾸미기 - HTML/CSS 변경)으로 이동!
아래 그림에 따라 다운받은 글씨체를 업로드를 해주세요.
해당과정이 완료되었으면...
바로옆에 있는 CSS로 이동을 합니다.
소스코드 제일 상단에 @로 시작되는 코드가 여러가지가 있을탠대
CSS에서는 @로 필요한 내용을 가지고오거나 문자형식을 지정할 때 사용합니다.
@선언이 밀집 되어있는 소스코드 상단에 아래 소스코드를 붙여줍니다.
/* 선언부분 */ @font-face{ font-family: 'NanumGothic'; font-style: bold; font-weight: normal; src: url('./images/NanumGothic.eot'); } |
그리고 저장을 하면 홈페이지 글씨체가 변경된 것을 확인할 수 있습니다!
그리고 또하나 해야될 부분이 있는데 CSS안에서 font-family라는 서체지정하는 곳을 찾아서
해당내용을 작성을 해줘야 해요.
(여러 부분이 있으니 찾아서 변경해주세요. )
NanumGothic, "나눔 고딕" |
※ font-family 란..
- CSS규칙을 적용하는 요소 내에 있는 텍스트에 사용할 서체를 지정해주는 역활;
- 홈페이지를 보는 사용자가 해당 서체가 없을 경우, 뒤에 있는 서체를 사용을 하게 됨.(여러 폰트 추가가능)
- 지정한 폰트를 가지고 있어야 홈페이지 서체가 제대로 표현이 됨.
여기까지 하셨으면 블로그 글씨체가 변경된 것을 확인할 수 있어요!!
티스토리를 입맛대로 바꾸시는 분들에게 도움이 되셨으면 좋겠네요.
'티스토리 정보' 카테고리의 다른 글
너무쉬운 구글 웹마스터 도구(Search console) 등록 방법! (0) | 2017.12.01 |
---|---|
너무 쉬운 다음 웹마스터 도구 (Daum 검색등록) 등록 방법! (0) | 2017.11.30 |
티스토리 너무 쉬운 네이버 웹마스터도구 등록방법! (0) | 2017.11.29 |
티스토리 임시저장 오류 해결방법(Chrome) (0) | 2017.11.27 |
티스토리 블로그 메뉴만들기(글쓰기,블로그관리 등등) (5) | 2017.11.23 |