렉시새봄 / 이롭게바탕/ 나눔고딕 / 본고딕 / PT Sans / 서울한강
/* Font */
@font-face {
font-family: "Iropke Batang";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/IropkeBatangM.woff" ) format( "woff" );
}
@font-face {
font-family: "LexiSaebomR";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/LexiSaebomR.woff" ) format( "woff" );
}
@font-face {
font-family: "Nanum Gothic";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-regular.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-regular.woff" ) format( "woff" );
}
@font-face {
font-family: "Nanum Gothic";
font-style: normal;
font-weight: 700;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-700.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-700.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 300;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-demilight.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-demilight.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-regular.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-regular.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 500;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-medium.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-medium.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Sans KR";
font-style: normal;
font-weight: 700;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-bold.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-bold.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Serif";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-regular.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-regular.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Serif";
font-style: italic;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-italic.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-italic.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Serif";
font-style: normal;
font-weight: 700;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700.woff" ) format( "woff" );
}
@font-face {
font-family: "Noto Serif";
font-style: italic;
font-weight: 700;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700italic.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700italic.woff" ) format( "woff" );
}
@font-face {
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/pt-sans-v9-latin-regular.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/pt-sans-v9-latin-regular.woff" ) format( "woff" );
}
@font-face {
font-family: "Seoul Hangang";
font-style: normal;
font-weight: 400;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungm.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungm.woff" ) format( "woff" );
}
@font-face {
font-family: "Seoul Hangang";
font-style: normal;
font-weight: 700;
src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungeb.woff2" ) format( "woff2" ),
url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungeb.woff" ) format( "woff" );
}
CDN 웹폰트 티스토리 적용
CDN으로 그대로 활용할 수 있는 웹폰트입니다. 스킨편집에서 CSS로 복사 및 붙여넣기를 하고 사용할 수 있습니다. 해당 웹폰트 서버는 JBFACTORY 입니다. 이곳은 다양한 구글 애드센스와 티스토리 스킨에 대한 정보를 볼 수 있습니다. 또한 검색엔진에 최적화가 되어있는 별도의 스킨도 구매가 가능합니다.
'Tistory > Tistory Skin' 카테고리의 다른 글
티스토리 블로그 프로필 이미지 리사이징 (0) | 2021.07.24 |
---|---|
티스토리 기본 웹폰트 (1) | 2021.07.13 |
티스토리 썸네일 이미지 배지 다는 방법 (0) | 2021.07.09 |
티스토리 이동경로·카테고리 경로(Breadcrumb navigation) 적용 (0) | 2021.06.28 |
[jQuery] 티스토리 중복 댓글 방지 (0) | 2021.01.12 |
티스토리 저자(블로거) 프로필 카드 HTML&CSS (0) | 2021.01.05 |
티스토리 단축키 추가방법 (0) | 2020.10.05 |
티스토리 공지사항 치환자 사용방법과 예시 (0) | 2020.09.23 |