무료 사용 가능한 한글 구글웹폰트

http://www.google.com/fonts/earlyaccess 에서 지원하는 한글 웹폰트를 소개합니다.

 

실제 출력되는 모습은 메이크비씨티 데모사이트에서 확인하세요.

http://makebct.cafe24.com/?p=194

 

 

 

나눔고딕

 

 

 

나눔명조

 

 

 

나눔고딕코딩

 

 

 

나눔손글씨 붓

 

 

 

나눔손글씨 펜

 

 

 

제주고딕

 

 

 

제주한라산

 

 

 

제주명조

 

 

 

한나체

 

 

 

KoPub 바탕

 

 

zpost_14img13

본고딕 예제: http://makebct.cafe24.com/archives/631?cat=90

 

 

 

 

 
블로그코디 디자인 팀장입니다.
Comment 11
Write CommentLIST
  1. String2015.11.9 PM 22:01

    맨 첫번째의 나눔 고딕 font-family 가 잘못 됬네요.

    font-family: ‘Nanum Gothic Coding’, serif; > font-family: ‘Nanum Gothic’, serif;

    1. zman2015.11.10 AM 11:06

      아! 알려주셔서 감사합니다.
      본문 내용은 수정하였습니다.

  2. 감사합니다2016.7.13 PM 18:02

    잘 정리해 주셔서 고르기 편하네요 🙂
    감사합니다 잘 쓰겠습니다.

  3. soi2016.11.28 PM 23:08

    본문에 쓰인 영어폰트가 뭔지 알수 있을까요??

    1. zman2016.11.29 PM 12:10

      Monaco 입니다.

  4. aa2017.2.27 PM 12:21

    나눔고딕을 적용시키려면 아래의 코드를 어디에 넣어야하는거에요?

    @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

    font-family: ‘Nanum Gothic’, serif;

    1. zman2017.3.2 AM 10:12

      style.css 와 같은 스타일시트파일 상단에
      @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
      를 작성해 해당 폰트를 불러들입니다.

      폰트가 적용되어야 할 부분에 font-family: ‘Nanum Gothic’, serif;를 작성하시던가,
      이미 적용되어 있는 font-family에 ‘Nanum Gothic’을 추가해주면 됩니다.

      먼저 작성된 폰트를 먼저 출력시키므로 ‘Nanum Gothic’을 다른 폰트보다 앞에 작성해 주시면 됩니다.

  5. story2017.2.28 PM 12:39

    사용법을 모르겠에요… 알려주실수 있나요?

    1. zman2017.3.2 AM 10:12

      style.css 와 같은 스타일시트파일 상단에
      @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
      를 작성해 해당 폰트를 불러들입니다.

      폰트가 적용되어야 할 부분에 font-family: ‘Nanum Gothic’, serif;를 작성하시던가,
      이미 적용되어 있는 font-family에 ‘Nanum Gothic’을 추가해주면 됩니다.

      먼저 작성된 폰트를 먼저 출력시키므로 ‘Nanum Gothic’을 다른 폰트보다 앞에 작성해 주시면 됩니다.

  6. story2017.2.28 PM 12:40

    사용법을 모르겠어요 …알려 주실수 있나요?

  7. worstlie2017.10.13 PM 18:12

    한눈에 보기 쉽게 정리되어 결정하기가 편리하네요^^
    감사합니다~

WRITE COMMENT

위로이동