본문 바로가기

소프트웨어-이야기/Web

스포카 한산스체로 티스토리 글꼴 바꾸기

스포카 한산스체로 티스토리 글꼴 바꾸기


예전에 페북을 돌아다니다가 스포카에서 글꼴체를 공개했다는걸 발견했당

글꼴도 깔끔하구 참신참신해서 뭔가 맘에 들었다.

그래서 블로그를 꾸미면서... 스포카 한산스체를 써봐야겠단 생각을 했다.


방법은 스포카 한산스체 사이트를 참고했다.

  스포카 한산스체 



바꾸는 방법은 아래와 같다.

HTML/CSS 관리 페이지에 들어간다.


HTML


기존의 폰트 LINK들을 다 지워야 한다. 나같은 경우에는 구글 FONT 링크가 걸려있어서 지우고, 아래 태그를 추가해서 폰트 링크를 긁어왔다.

<link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'> 

<link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css' rel='stylesheet' type='text/css'> 



CSS

글자 태그에 폰트 CSS를 먹혀줘야한다. 나는 <P> 태그와 <a> 태그에 폰트를 먹혀줬다.

p,a { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }



이렇게 하고 저장하면 끝!! 

둥글둥글하던 폰트체가 각지게 변했음!


Before


AFTER