웹프로그래밍

Global It Leader!!


CSS


 
 

무료 웹폰트(나눔고딕) 사용방법

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 3,958회 작성일 13-08-19 22:08

본문

일단 저도 오늘 알게 되었는데 구글 웹폰트 사이트를 찾아가면 

@import 가 표시되어 있어서 @import 를 쓰는 경우가 많은데,

stackoverflow 에 의하면 @import 는 best practice (최선책) 가 아닙니다.


그래서 아래 예제처럼 @import 대신 link 를 사용하시길 바랍니다.

<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css">
<style>
body {   
 font-family: 'Nanum Gothic', sans-serif;
        font-size: 12px;
      }
</style>
</head>
<body>
<h4> 네이버 나눔고딕</h4>
<p> 웹폰트 사용 방법입니다.</p>
</body>
</html>

/////////////////////////////

구글 웹폰트가 무료이고, 참 좋긴한데 폰트가 아직 다양하지 않아서 2% 부족하다고 느끼시는 분들에게는 아래 사이트를 소개시켜 드립니다.

영문 웹폰트: https://typekit.com/

아마 미국/영국/유럽 웹디자이너들이 가장 많이 사용하는 웹폰트 사이트가 아닐까 싶은데,  무료 계정도 여실 수 있습니다.   * 무료 계정을 사용하시면 사이트 하단에 typekit 로고가 조그맣게 표시됩니다.

일본어 웹폰트: http://typesquare.com/

일본 디자이너들이 가장 많이 사용하는 웹폰트 사이트가 맞을 겁니다.  저도 일본인 친구에게 그렇게 소개받았고...
무료계정도 있습니다!!!  올해 (2013) 12월 31일 까지 무료 사용이 가능합니다. 

http://typesquare.com/news/view/VEOS0kf0fcE%3D (읽어보시면 아시겠지만, 가격도 꽤 reasonable (착한가격?) 입니다.

한국어 웹폰트 사이트 (무료나 가격이 저렴한) 는 어떤 사이트들이 있을까요?  저는 잘 모르니 댓글로 달아주시면 많은 디자이너 분들에게 도움이 될 것 같습니다.


///////////////////////////

아 슈bal!!!!!  @import 를 단순히 폰트지정때문에 써야 하는 경우는 그냥 @import 로 해도 된다는 견해도 있네요.  저도 무진장 헷갈리고 있슴.  어떤 말이 맞는 말인지...

제 예제처럼하면 css stylesheet 숫자가 늘어나ㅣ ySlow 테스트나 구글 페이지 스피드 테스트에서 감점을 먹는게 아니냐? 이런 경우라면, 제 변론은 저 css 를 본 css 에 합쳐줘서 하나의 css 파일로 만들면 된다 입니다만....

암튼, 결론은 @import 보다는 link 사용이 항상 best practice 이나, 단 폰트 포함시 @import 를 써야 되나 말아야 되나에 대해서는 여러 디자이너들의 말이 다들 다름으로,...

각자 알아서 결정하셔야 할 문제인듯 합니다.

@import 가 발생시키는 문제에 대해서는 아래 article 이 매우 상세하게 분석을 해놓았습니다.

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

댓글목록

등록된 댓글이 없습니다.

전체 72
게시물 검색
CSS 목록
번호 제목 글쓴이 조회 날짜
72 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8329 08-21
71 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7821 11-28
70 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7704 05-12
69 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6130 09-18
68 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5721 06-01
67 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5674 08-22
66 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4577 05-20
65 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4445 04-17
64 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4422 02-17
63 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4396 02-17
62 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4327 02-17
61 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4157 10-11
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3959 08-19
59 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3916 03-08
58 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3870 02-08
57 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3857 01-21
56 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3776 09-06
55 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3673 12-23
54 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3660 05-20
53 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3546 01-21