티스토리 이야기 - 폰트

2017.08.10 00:58

 

 

저와 같은 폰트를 사용하고 싶으신 분들을 위해 작성한 글입니다. 


1. 우선 아래의 파일을 다운 후, 압축을 풀어서 스킨폴더 내 넣어주시기 바랍니다. 


loraregular, ls 폰트.zip


 


 

 


 



 

2.  그리고 CSS 내 Font-family의 코드를 아래의 코드로 수정해야 합니다. 


 "loraregular","ls",

 

 

 


 





3. 아래의 코드를 CSS 맨 아래에 복사하여 붙여넣습니다. 


@font-face {

  font-family: loraregular;

  src: url('./images/lora-regular-webfont.eot');

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

       url('./images/lora-regular-webfont.woff') format('woff'),

       url('./images/lora-regular-webfont.ttf') format('truetype'),

       url('./images/lora-regular-webfont.svg') format('svg');


}

@font-face {


  font-family: ls;

  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');


}


body {font-family: loraregular, ls;}





작성자

Posted by 토니

작성자 정보

방문해주셔서 진심으로 감사드립니다.

관련 글

댓글 영역

  • 프로필 이미지
    2017.08.10 23:04 신고

    폰트 적용 잘 되었네요. :)
    댓글 입력폼이랑, 방명록 입력폼에도 웹폰트를 적용시키고 싶으시다면 다음 CSS를 참고해주세요.

    input, select, textarea { font-family: "loraregular", "ls"; }

    좋은 밤 되세요. ~

블로그

맨위로