티스토리 글씨체 변경하기~ (고딕)

 

 

 

 

 

 

 

 

티스토리 글씨체 변경하기~ (고딕)

 

요즘 티스토리 블로그 꾸미는 재미에 빠졌는데요.

고수 분들이 보실때에는 완전 초보적인 것이지만, 개인이는 모르던 것을 알아간다는

 재미가 입니다.

그치만 - 적용은 안한다는게 함정이죠..

서론은 그만하고 - 지금부터 티스토리 글씨체 바꾸기를 시작하도록 하겠습니다.

변경 할 글씨체는 나눔 고딕체 입니다.

첨부 파일을 받아 주세요

NanumGothic.eot

다운 받으신 후 HTML/CSS 편집 - 파일 업로드에 추가 해주시면 됩니다.

이부분에 대해서는 따로 언급하지 않을게요.

그럼 파일 업로드를 했다고 알고

1. HTML/CSS 편집 - skin.html 항목에서 컨트롤 + F(찾기) 하신 후 <title>부분을 찾습니다.

2. 다음 항목을 복사 하신 후 방금 찾으신 <title> 바로 밑에 입력해 주시면 됩니다.

<style type="text/css">
@font-face {font-family: 나눔고딕; src:url(./images/NanumGothic.eot);}
a:link {font-family: 나눔고딕;font-size: 10pt;}
a:visited {font-family: 나눔고딕;font-size: 10pt;}
a:hover {font-family: 나눔고딕;font-size: 10pt;}
a:acvite {font-family: 나눔고딕;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 나눔고딕;font-size: 10pt;}
</style>

사진 상으로 보시면, 흑백 부분으로 처리 된 곳입니다.

 

2. 앞과 동일하게 컨트롤 + F(찾기) 하신 후 <div class="article"> 검색합니다.

사진 상으로는 화살표 부분입니다.

 

 

3. <div class="article"> 선택 된 부분의 소스 코드를 <div class="article" style="font:10pt 나눔고딕;"> 코드로 변경합니다.

사진 상으로는 흑백 부분으로 처리된 부분입니다. 앞선 2번 항목과 다르게 소스가 다름을 확인 할 수 있습니다.

4. 마지막으로 style.css 항목에 다음에 소스를 맨 앞줄에 추가 시킨 후 저장 하시면되요.

@font-face {font-family: 나눔고딕; src:url(./images/NanumGothic.eot);}

 

본문에 나오는 소스가 복사가 되지 않는다면, 모바일 버전으로 변경해서 복사하시면 됩니다.

http://cgcg.tistory.com/m/5

지금까지 티스토리 글씨체 바꾸기 였습니다.