티스토리 웹폰트 적용 깔끔한 렉시새봄R 폰트

안녕하세요, 오늘은 새롭게 단장한

블로그인 티스토리 웹폰트 적용하는 방법을

간단하게 설명드리도록 하겠습니다.

요즘 티스토리가 완전 바뀌었죠.

새로운 스킨들도 나오고 초대장도 사라져

그만큼 진입장벽이 낮아졌습니다.

하지만 문제는 N사의 노출 문제죠.

저도 새로 하나 만들어서 며칠간

글을 써봤는데 노출이 안되고 있더라구요.

그래서 기존에 사용했었다가 중단했던

블로그를 다시 살리기로 마음먹었습니다.

일단 스킨을 꾸미는게 첫번째!

이번에 선택한 스킨은 ccz-cross입니다.

흉내쟁이님이 제작하신 깔끔하고도

깔끔한 스킨이라 할 수 있죠.

오늘은 이곳에 티스토리 웹폰트 적용하는

방법을 간단히 설명드리도록 할게요.

저는 현재 렉시새봄R을 적용시켰답니다.

티스토리 웹폰트 적용을 위한

렉시새봄R입니다.

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

폰트를 변경하기 위해서는 파일이 필요합니다.

LexiSaebomR.zip

위 파일을 받은 후에 압축을 풀어주세요.

그리고 html 편집으로 이동하신 후

파일업로드를 누르고

압축 해제한 파일을 모두 추가해주세요.

그리고 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');

}

위 코드를 삽입해주세요.

마지막으로 티스토르 웹폰트 적용을

위해서 하단부에 있는 font-family에

추가를 해주서야 해요.

이렇게 폰트 패밀리를 찾은 후

뒷 부분에 LexiSaebomR, serif;

입력해주시면 되겠습니다.

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

티스토리 웹폰트 적용은 끝이 납니다.

저도 html인 css에 대해서 잘 알지 못하지만

아주 손쉽게 적용시킬 수 있죠.

차근 차근 해보시길 바랄게요~