티스토리 이야기 - 폰트

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 토니

작성자 정보

Toni Magazine Editor. #therapist, #writer, #photographer ㅡ toni.co.kr

관련 글

댓글 영역

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

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

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

    좋은 밤 되세요. ~

  • 프로필 이미지
    2018.08.26 01:47 신고

    예전에 토니님도 이 폰트를 썼던 것 같은데 지금은 명조체 아니 바탕체인가요?
    명조체와 바탕체 서로 조금 다른데, 바탕체인가요?
    렉시새봄체도 좋아서 토니님이 알려준대로 렉시새봄체로 하다가 저도 명조체로 바꿔봤어요 ^^

    • 프로필 이미지
      2018.08.26 01:59 신고

      제 폰트는 이롭게바탕체입니다. 저는 개인적으로 렉시새봄이 마음에 들지만, 제 블로그에 적용하니 깨지더군요. 시간이 될 때 이롭게바탕체도 올릴게요! 주말인데도 교육 오는 바람에 통 블로그 할 시간이 없네요.

블로그

맨위로