관리 메뉴

호구인생

웹폰트적용하기-스포카 한 산스편(spoqa han sans) 본문

팁&테크/티스토리

웹폰트적용하기-스포카 한 산스편(spoqa han sans)

윤호구 2016.05.05 23:24

웹폰트는 나눔고딕만 사용해본 1인으로써는 스포카한산스는 너무 생소하고 생소했네요

어찌어찌 이런 폰트가 있다는건 알았지만 너무 생소 해서 한참을 찾아보았네요


대략 요약을해보자면

스포카라는 회사에서 구글과 어도비가 함께 개발한 한 산스를 이용하여 한국과 일본 미국에 어울리는 폰트를 개발했다고 합니다.

그게 스포카 한 산스라고 하네요~


홈페이지(http://www.spoqa-han-sans.com/)





본론으로 들어가서 티스토리에 폰트적용하는 방법에 대해 설명하도록 하겠습니다.


정말 간단해요 2가지만 기억하시면되는데


1. 스포카한산스 홈페이지 하단 내려보시면 css를 복사해서



<스포카한산스 홈페이지 중간 내용>




2.  티스토리 관리자 > HTML/CSS편집에서 편집만 해주시면 되세요


적용방법은 2가지가 있는데 전 상단 한가지만 예로 사용할께요



@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

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


위 세줄을 아래화면처럼 추가 하시고 저장하면 끝~





0 Comments
댓글쓰기 폼