Google Fonts를 이용하여 영문글꼴 웹폰트 적용시키기
구글은 참 훌륭한 서비스를 많이 제공하고 있습니다. 제 블로그는 지금 돋움글꼴로 설정이 되어 있는데(나눔글꼴 적용결과 페이지 로딩이 너무 심하더군요) 이게 싫어서 구글 Fonts에 들어가보니 한방에 적용가능하게 구현되어 있습니다. 위 홈페이지 들어가셔서 원하는 폰트에 보면
그림처럼 ->버튼이 있는 부분이 보이시죠? 이걸 누른다음에..
내려가다보면 3번항목이 있는데, 여기서 Javascript로 삽입을 하셔야 페이지 로딩에 지장을 덜 줄 수 있습니다. 꼭 이걸로 선택하신 다음에 코드를 전체 복사 합니다.
그다음 티스토리의 경우 위에서 복사한 스크립트를 페이지 최하단에 넣으시고, 글꼴이 적용되는 부분에서 해당 폰트를 맨 앞으로 넣으시면 됩니다. (앞으로 넣어야 우선순위가 앞서기 때문에 제대로 적용됩니다.)
'Creation > Design' 카테고리의 다른 글
Make bootstrap dropdown menu (4) | 2014.03.09 |
---|---|
부트스트랩의 col-push와 col-pull 속성 (1) | 2014.03.05 |
[CSS+Javascript] 간단한 Back to top 버튼 넣기 (6) | 2014.02.26 |
[CSS] 구글 애드센스 노란색 뒷배경 제거하기 (1) | 2014.02.26 |
[CSS] CSS로만 만든 배경 / 그레디언트 들어간 배경 쓰기 (5) | 2014.02.24 |
[CSS] 원형 이미지 마스크 & transform 속성으로 회전시키기 (2) | 2014.02.19 |
[CSS] 웹폰트 로딩중에도 본문 나오게 하기 (4) | 2014.01.13 |
플랫 디자인 색상 예제 / 색상코드(색상표) (3) | 2013.12.23 |
텍스트 편집기 Sublime Text 2의 기초 설정부터 FTP 연결까지 (16) | 2013.12.19 |
[CSS] 브라우저 캐시 때문에 CSS 수정이 반영이 안될 때 (2) | 2013.12.18 |