티스토리같이 자유도 높은 블로그를 하는 이유 중 하나는 개성대로 꾸미는 맛아니겠습니까?
그러므로
블로그 기본폰트를 바꿔보도록 하겠습니다.
준비물은
폰트는 구글이나, 사이트등에서 검색하셔서 원하시는 폰트를 다운받아주세요.
저는 나눔고딕을 사용하겠습니다.
나눔고딕 폰트는 ↓이거 받으시면 됩니다ㅎㅎㅎ
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)으로 변경하시면 됩니다.
그러면 끝! 생각보다 간단하니 한번쯤 꾸며보시는 것도 괜찮을꺼 같아요 ㅎㅎ
'Life > 정보' 카테고리의 다른 글
CSS, 원하는 색상 코드 검색하는 사이트. (0) | 2020.01.21 |
---|---|
구글 색상표(The color system), 컬러코드 모음 (0) | 2020.01.21 |
파비콘을 변경하여보자! (0) | 2017.05.15 |
미세먼지,황사 마스크를 알아보자 (0) | 2017.05.15 |
블로그 전 세계 방문자 수를 알아보자! - Flag Counter (0) | 2017.05.14 |