star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

CDN으로 바로 사용가능한 한글 웹폰트 총정리

2015.10.08 08:30 in Web/Coding

작년 글에서 구글 Early Access에서 제공하는 웹폰트를 살펴보았다면, 이번에는 한글날 기념으로(?) CDN 사이트인 jsDelivr에 올라온 웹폰트를 소개해보려고 합니다.

jsDelivr에 올라와 있는 웹폰트들은 woff와 woff2형식으로만 제공되기 때문에(나눔바른고딕은 제외) 인터넷 익스플로러는 IE9 이상부터 적용됩니다.

구글과 겹치는 폰트와 저작권 문제가 있을것이라고 판단한 몇가지는 제외했습니다.


나눔바른고딕

제가 최근에 가장 많이 사용하는 웹폰트입니다. 전 특히 얇은 버전을 좋아합니다 :)

  • normal 300:
  • normal 400:
  • normal 700:

코드보기(클릭)

본고딕 (Noto Sans)

구글과 어도비에서 만든 폰트입니다. 漢子도 지원된다고 하네요.

  • normal 250:
  • normal 300:
  • normal 350:
  • normal 400:
  • normal 500:
  • normal 700:
  • normal 900:

코드보기(클릭)

스포카 한 산스

어제 공개된 따끈따끈한 새 폰트입니다. 위의 Noto Sans를 수정해서 만들어진 폰트라네요!

  • normal 300:
  • normal 400:
  • normal 700:

사용방법은 폰트 소개 페이지를 참고해주세요 :)

다음체

다음이 사망(ㅠㅠ)하고 배포페이지도 사라졌네요

  • normal 400:
  • normal 700:

코드보기(클릭)

고도체

고도몰로 유명한 고도소프트에서 배포하는 폰트입니다.

  • normal 400:
  • normal 700:

코드보기(클릭)

한겨레결체

2005년에 한겨레에서 배포한 폰트였죠. 모르는 사람이 많더군요ㅎㅎ

  • normal 400:

코드보기(클릭)

롯데마트 드림체

롯데마트에서 배포하는 폰트 중에 '통큰체'도 있었는데, 저작권 문제로 배포가 중단되었더군요. 여기에는 드림체와 행복체만 가져왔습니다.

  • normal 300:
  • normal 400:
  • normal 700:

코드보기(클릭)

롯데마트 행복체

이 폰트 처음 써보는데 이쁘군요 +_+

  • normal 400:
  • normal 700:

코드보기(클릭)

정음체

북한과 합작해서 만들었다고 합니다.

  • normal 400:

코드보기(클릭)

대한체

  • normal 400:
  • normal 700:

코드보기(클릭)

부산체

  • normal 400:

코드보기(클릭)

성동고딕체

신기하게 '광역시'나 '도'가 아닌 구청에서 제작한 폰트네요.

  • normal 700:
  • normal 800:

코드보기(클릭)

성동명조체

  • normal 400:
  • normal 700:

코드보기(클릭)

바른바탕체

  • normal 300:
  • normal 400:
  • normal 700:

코드보기(클릭)

바른돋움체

  • normal 300:
  • normal 400:
  • normal 700:

코드보기(클릭)

청소년체

한국청소년활동진흥원(길다;;)에서 배포하는 폰트입니다.

  • normal 400:

코드보기(클릭)

덧) 구글에서 제공하는 폰트까지 합치면 총 24가지 한글 웹폰트를 쓸 수 있군요.

신고
tagAdobe, Code, css, Google, jsDelivr, Lotte Mart, Noto Sans, Spoqa, webfont, 가독성, 고도소프트, 고도체, 나눔바른고딕, 다음커뮤니케이션, 대한인쇄문화협회, 대한체, 드림체, 바른돋움체, 바른바탕체, 본고딕, 부산, 부산체, 북한, 성동고딕체, 성동구청, 성동명조체, 신문사, 여성가족부, 정음체, 청소년체, 한겨레, 한겨레결체, 한글날, 행복체
받은 트랙백이 없고 , 댓글이 없습니다.

오늘 트위터에선 어떤 링크들이?(09/06/16)

2009.06.17 01:39 in Twitter/tweet

2009.06.17 [제3호]microTOP10
오늘 트위터에선 어떤 링크들이?(09/06/16)

으아~ 저번보다 7개나 더 많아졌네요ㅠㅠㅠ

흠집도서 기획전 - 영진닷컴
→ 출처:  http://shop.youngjin.com/shop/goods/goods_list.php?category=009
영진닷컴에서 흠집난 도서를 싸게 판데요~ 대부분 컴퓨터쪽 책이긴 합니다만;;;
http://ludens.microtop10.com/47703   이 글에 달린 댓글
소근소근 미니블로그, 톡픽! 블로거 간담회에 초대합니다
→ 출처:  http://www.ithcity.com/44

새로운 SNS 서비스로군요+_+ 어떤 서비스일지 궁금합니다ㅎㅎ

관심있으신 분들은 가보세요~

http://ludens.microtop10.com/47695   이 글에 달린 댓글
PSD 파일 크기 줄이기 - 웹초보
→ 출처:  http://choboweb.com/1011
우왕굳! 초간단해요!+_+
http://ludens.microtop10.com/47707   이 글에 달린 댓글
CGV 아이팟터치 전용페이지! - 취미생활 블로깅
→ 출처:  http://syaa.tistory.com/247
터치에서 보면 잘~나오나봐요ㅠㅠ 오즈에선 접근조차 안되는...OTL
http://ludens.microtop10.com/47770   이 글에 달린 댓글
에반게리온 핸드폰! 갖고싶어요ㅠㅠ
→ 출처:  http://wolf.textcube.com/139
에반게리온을 좋아하진 않지만... 디자인이 너무 끌리네요 하앍
http://ludens.microtop10.com/47772   이 글에 달린 댓글
한메일, 13년만의 개방 - 네이버뉴스
→ 출처:  http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&sid1=105&oid=014&aid=0002154371
아놔ㅠㅠ 얼마전부터 한메일에서 핫메일로 옮겨가는 중이였는데 말이죠ㅠㅠㅠ
쓰시던 분들에게는 좋은 소식이겠군요ㅠ
http://ludens.microtop10.com/47775   이 글에 달린 댓글
'전국!! 블로거 노래자랑' 자봉단 모집!! - 철산초속
→ 출처:  http://social-media.kr/264
이런 초대형이벤트를 여시다니... 정말 대인배이신듯!
http://ludens.microtop10.com/47769   이 글에 달린 댓글
저작권법은 변호사들의 돈벌이 수단이 아니다 - 랄랄라 라오니스
→ 출처:  http://raonyss.tistory.com/267
호랑이굴에 가도 정신만 차리면 살듯이, 고소당해도 당황하지 말고 정신차리고 똑바로 대응해줍시다!
http://ludens.microtop10.com/47706   이 글에 달린 댓글
불교… 천주교… 멈추지 않는 시국선언 - 한국일보
→ 출처:  http://news.hankooki.com/lpage/society/200906/h2009061602535021950.htm
MB정부가 제대로 할때까지... 아니 물러설때까지... to be continued!!!
http://ludens.microtop10.com/47699   이 글에 달린 댓글
"분향소 철거하라!" 국민행동본부, 가스총 쏘며 몸싸움 - 오마이뉴스
→ 출처:  http://www.ohmynews.com/NWS_Web/view/at_pg.aspx?CNTN_CD=A0001157007
어따대고 벌건 대낮에 총질이여-_-+++ 나이 먹었으면 나이값좀 하지...?
http://ludens.microtop10.com/47701   이 글에 달린 댓글
전여옥을 지지하는 모임의 성명서! - 서비나라
→ 출처:  http://www.subby.co.kr/entry/%EC%A0%84%EC%97%AC%EC%98%A5%EC%9D%84-%EC%A7%80%EC%A7%80%ED%95%98%EB%8A%94-%EB%AA%A8%EC%9E%84%EC%9D%98-%EC%84%B1%EB%AA%85%EC%84%9C
오크추종자들이 이렇게 많은데다가... 쑈까지 하는군요;;;
http://ludens.microtop10.com/47705   이 글에 달린 댓글
비판직원 파면 ‘역풍’…국세청 뒤숭숭 - 한겨레
→ 출처:  http://www.hani.co.kr/arti/society/society_general/360630.html
국세청 나쁜넘들-_-+++
http://ludens.microtop10.com/47702   이 글에 달린 댓글
李씨 정상회담차 방미 vs 노무현대통령 영국 초대방문 - 다음아고라
→ 출처:  http://bbs1.agora.media.daum.net/gaia/do/debate/read?bbsId=D115&articleId=695370
이씨는 무시당해도 해벌레~-_-+++
http://ludens.microtop10.com/47768   이 글에 달린 댓글
김철균(saunakim) on Twitter
→ 출처:  http://twitter.com/saunakim
청와대 트위터 1호입니다. 개인적으로는 비호감 트위터계정 1위입니다-_-+ 절대 follow 안할겁니다
http://ludens.microtop10.com/47777   이 글에 달린 댓글
벤츠 훔친 '개콘' 곽한구, "타보고 싶었다" - 노컷뉴스
→ 출처:  http://www.cbs.co.kr/Nocut/Show.asp?IDX=1177305
... 벤츠가 그렇게 타고싶었을까요?;;;
http://ludens.microtop10.com/47778   이 글에 달린 댓글
이 선 넘지마! - 즐통
→ 출처:  http://humor.hani.co.kr/board/view.html?board_id=h_humor&uid=36511
넴 안넘을게요(음?)
http://ludens.microtop10.com/47700   이 글에 달린 댓글
[19금?]친구 누나 on Twitpic
→ 출처:  http://twitpic.com/70oav
흐흐 기대하시고 클릭하시길ㅋㅋㅋ
http://ludens.microtop10.com/47776   이 글에 달린 댓글
발행자 : Ludens
트위터에서 돌아다니던 읽을만한 링크들을 모아보았습니다. 대부분 제가 RT한 것들입니다ㅎfollow me at Twitter! http://twitter.com/ludens_
신고
tagBenz, blogger, CGV, EVANGELION, iPod Touch, Miniblog, PHONE, POP, PSD, TocPic, Twitpic, Twitter, 가스총, 간담회, 곽한구, 국민행동본부, 국세청, 기획전, 김철균, 노래자랑, 노무현, 변호사, 분향소, 불교, 성명서, 시국선언, 영진닷컴, 이명박, 저작권법, 전여옥, 즐통, 천주교, 청와대, 친구누나, 한겨레, 한메일, 흠집도서
받은 트랙백이 없고 , 댓글이 없습니다.

블로그 웹폰트 적용기

2008.12.13 20:01 in Blog

이곳의 웹폰트는 MS의 EOT가 아니라 확장자가 TTF인 트루타입글꼴입니다.
그리고 윈도우즈에서만 가능합니다.

오페라10 알파버전, 그리고 파이어폭스 3.1버전에서 웹폰트지원 이야기를 들은 저는 블로그에 웹폰트를 적용시키기로 마음먹었습니다.
일단 여러 무료폰트중에서 네이년이 만들어 배포하는 나눔고딕을 쓰는건 제 취향에는 영 아니라서 한겨레신문에서 배포하는 한겨레결체를 쓰기로 결심했습니다.
사용자 삽입 이미지
먼저 직접올리기에서 폰트파일을 올린뒤에
오페라10 알파를 주력으로 사용하는 저는 그쪽에 설명나온대로 아래와같이
사용자 삽입 이미지
스킨->CSS설정에서 간단하게 한줄을 추가시키고요. 테스트를 위해 제 윈도우에서 한겨레결체를 없앤뒤 들어가보았습니다.
이렇게 오페라10 알파에서는 성공적으로 나왔는데...

불여우에서는 안나오더군요. 아마 정식버전부터 지원되나 봅니다.
저는 된다는 소리만 듣고 베타에서도 적용되는줄 알았지요-_-;;

일단 지금은 오페라10알파 말고는 웹폰트가 적용 가능한 브라우져가 아직 없는것 같군요. 이제 파이어폭스도 정식버전이 나오면 웹폰트적용이 될것이니 IE에서 EOT지원이 아니라 TTF를 지원했으면 하는 바램이 있네요.
신고
tagalpha, Beta, css, eot, firefox, Internet Explorer, Opera, Skin, test, truetype, TTF, Web font, Windows, 글꼴, 지원, 한겨레, 한겨레결체
받은 트랙백이 없고 , 댓글8개가 달렸습니다.

티스토리 툴바