티스토리 웹폰트 CSS (CDN 활용)

Font

티스토리 웹폰트 CSS (CDN 활용)

렉시새봄 글꼴이 적용된 폰트(클릭하면 더욱 선명하게 보입니다.)

/* 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으로 불러와서 사용할 수 있는 것이다.JBFACTORY에서 다양한 티스토리 스킨을 제작하고 배포하고, 또 구매도 가능한데, 가장 기본적인 형태의 티스토리 스킨을 제공하고 있어 티스토리 입문자에게 적합하다.

블로그의 기본 중 기본은 바로 폰트다. 블로그는 텍스트를 기반으로 형성되고, 컨텐츠가 쌓이는 공간이기 때문에 텍스트가 보여지는 글꼴, 즉 폰트를 어떻게 설정하느냐에 따라서 블로그 전체의 분위기도 달라진다. 분위기라는 것은 그런 것이다. 뭔가, 즐겨찾기를 하고 싶어지는 웹사이트를 만드는 것이 웹디자이너 또는 블로그운영자들의 기획방향이라고 할 수도 있는 것이다. 예쁘게 꾸미는 것, 예뻐보이는 것, 그것은 하나의 욕망이다.