본문 바로가기

카테고리 없음

티스토리 블로그 글꼴변경하기 렉시새봄날 체 , Lora체 적용

티스토리 블로그 렉시새봄날 체 , Lora체 적용시키기

티스토리 블로그 하시는분들 다 아시겠지만 폰트를 마음대로 바꿀수가 있는데요

대부분 나눔고딕체를 많이들 사용하시더라구요 ^^

식상한건 싫으니 폰트도 깔끔하면서 튀는것이 좋겠죠? ㅎ

 

LexiSaebomRWeb.zip

 

LoraRegularWeb.zip

 

첨부파일 두개를 다운받아 압축을 풀면 각각 4개씩의 파일이 있습니다

총 8개 파일을 HTML/CSS 편집 클릭후 파일업로드 - 추가 버튼 눌러 모두 업로드 해주고 저장 눌러줍니다

CSS 맨 밑에 아래 코드를 추가후 저장합니다


코드 복사안될시 첨부파일 다운로드후 복사하세요


렉시-로라폰트 적용소스.txt


@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;}

그러면 한글폰트와 영문폰트가 변경된걸 확인하실수 있습니다 ^_^