무료 웹폰트(나눔고딕) 사용방법
페이지 정보
작성자
오원장쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 4,074회
작성일 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/
/////////////////////////////
구글 웹폰트가 무료이고, 참 좋긴한데 폰트가 아직 다양하지 않아서 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/
댓글목록
등록된 댓글이 없습니다.