Life/정보

티스토리 블로그 폰트 바꾸기

다리오썬피쉬 2017. 5. 14. 20:02
반응형



티스토리같이 자유도 높은 블로그를 하는 이유 중 하나는 개성대로 꾸미는 맛아니겠습니까?


그러므로

블로그 기본폰트를 바꿔보도록 하겠습니다.


준비물은

폰트는 구글이나, 사이트등에서 검색하셔서 원하시는 폰트를 다운받아주세요.


저는 나눔고딕을 사용하겠습니다.

나눔고딕 폰트는 ↓이거 받으시면 됩니다ㅎㅎㅎ





1. HTML/CSS 편집


폰트가 준비가 되셨으면,  먼저 관리창에서 "HTML/CSS 편집" 을 들어가 주세요.




그리고 파일 업로드를 해줍니다.




추가 버튼을 누르고, 다운받으신 폰트 파일을 업로드 해주세요.





이렇게 들어가지면, 업로드는 완료!



2. CSS 편집


바로 옆 메뉴에 있는 "CSS"에 들어간 다음, 아래처럼 수정해줍니다.


@font-face{font-family: 'NanumGothic';src:url(images/NanumGothic.eot')};

body{font-family:나눔고딕;font-size:16px;}

div{font-family:나눔고딕;font-size:16px;}


메모장에 적어놨으니, 다운받으셔서 복사 붙여넣기 하셔도 됩니다!




<수정 예시>

@font-face{font-family: '/////폰트이름////';src:url(images/ 폰트파일 이름')};

body{font-family:글꼴이름;font-size: 원하는 사이즈px;}

div{font-family:글꼴이름;font-size:원하는 사이즈px;}





3. family-font 수정


"ctrl+f"를 누르시면 아래와 같은 검색창이 뜰꺼에요. 여기세 "family-font"를 검색하시면




이렇게 하나하나 검색이 되는데, 글꼴은 해당 폰트(나눔고딕경우는 NanumGothic)으로 변경하시면 됩니다.




그러면 끝! 생각보다 간단하니 한번쯤 꾸며보시는 것도 괜찮을꺼 같아요 ㅎㅎ

반응형