본문으로 바로가기


안녕하세요, 티스토리 블로그의 초대장

시스템이 사라지고 이제 누구나

가입 할 수 있게 되었습니다!



아주 좋은 소식이 아닐 수 없죠.

그래서 저도 이번에 새롭게 아이디를 만들고

블로그를 꾸려나갈 생각인데요.


이번 블로그에서 선택한 스킨은

많이들 사용 중인 ccz-cross입니다.

흉내쟁이님이 제작하신 아주 깔끔한

스킨이라고 할 수 있죠.


저는 이것을 보자마자 무릎을 탁 치며

바로 적용을 시켜버렸답니다. 희희

그리고 조금씩 꾸며나가고 있는 중이에요.



일단 오늘은 티스토리 폰트 변경하는 방법을

간단하게 설명드리려고 해요.


현재 제 페이제 적용된 글꼴은

렉시새봄R입니다.


가독성이 좋은 명조계열의 폰트죠.



티스토리 폰트 변경을 하기 위해서는

글꼴을 먼저 다운받아야겠죠!?


이곳에다 올려드릴테니 받아보시기 바랍니다.


LexiSaebomR.zip


다음 파일을 받은 뒤

압축을 풀어주세요.


총 4개의 파일이 들어가있습니다.




압축까지 풀어주신 후에는

[티스토리 관리자]-[HTML/CSS편집]으로

이동해주도록 합시다.



자 이렇게 창이 보이면 우측에 있는

[파일업로드]를 누르고


압축을 푼 파일 4개를 업로드해주세요.


그리고 CSS 수정으로 이동해주시면 됩니다.




이제는 CSS에 코드를 추가해야 합니다.



티스토리 폰트 변경하는 방법은

@font-face {

  font-family: LexiSaebomR;

  src: url('./images/LexiSaebomR.eot');

  src: url('./images/LexiSaebomR.eot?#iefix') format('embedded-opentype'),

       url('./images/LexiSaebomR.woff') format('woff'),

       url('./images/LexiSaebomR.ttf') format('truetype'),

       url('./images/LexiSaebomR.svg') format('svg');

}


위 코드를 삽입해주세요.



티스토리 웹폰트 렉시새봄R 적용은

앞서 올려드린 코드를 입력한 후

아랫부분에 보이는 font-family에도

설정을 해주셔야 합니다.


font-family: LexiSaebomR, serif;


이렇게 입력해주시면 될 거에요.




여기까지 모두 마무리 하신다면

이렇게 티스토리 폰트 변경이 완료됩니다.


그렇게 어렵지 않으시죠!?


저도 이런 html이나 css는 1도 모르지만

이것 저것 찾아보고 적용시켜보면서

배우고 있는 중이랍니다.

차근 차근 해보신다면 어렵지 않게

성공시킬 수 있을거에요!