• 가이드

구글 폰트 사용하기 (사이트 전체 적용하기)

아임웹은 원활한 사이트 로딩 및 사용자분들의 저작권 문제 예방을 위해 아임웹에서 제공하는 글꼴만을 사용하실 것을 권장합니다. 단, 꼭 필요하신 분에 한하여 구글 웹 폰트를 불러와 사이트에 적용할 수 있습니다.

Google Fonts 글꼴들은 SIL Open Font License 1.1 라이센스가 적용되어 사이트에 자유롭게 사용하실 수 있습니다.

중요: 구글 웹 폰트 사용에는 HTML 및 CSS에 대한 이해가 필요합니다. 또한 제공되는 소스 코드 및 도움말 외 추가적인 기술 및 고객지원은 제공하지 않습니다.

1단계: Google Fonts에서 글꼴 찾기

  1. Google Fonts 에 접속합니다.
  2. 왼쪽 상단의 검색 필드에 원하는 글꼴명을 영문으로 작성합니다.

  3. 마음에 드는 글꼴이 나오면 마우스로 클릭합니다.

  4. 웹사이트에 사용할 글꼴의 + Select this style을 클릭합니다.

    주의: 검색한 글꼴의 한글 지원 여부를 확인해 주세요. 영문만 지원하는 글꼴을 선택하는 경우, 한글은 시스템 기본 글꼴 또는 아임웹에서 설정한 글꼴로 표시될 수 있습니다.

  5. 아래 그림과 같이 브라우저 오른쪽에서, 선택한 글꼴의 HTML 코드와 CSS 코드가 생성됩니다.

2단계: 사이트에 적용하기

  1. 새 브라우저 탭을 켭니다.
  2. 아임웹 접속 후 내 사이트 관리자 페이지에 접속합니다. 접속방법
  3. 왼쪽 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭해 이동합니다.
  4. 위 1단계 5번 과정에서 생성된 코드 1번을 복사한 다음 Header Code 란에 붙여넣습니다.

  5. 다음으로 아래의 코드를 복사해 Body Code 란에 붙여넣습니다.

    <style>
      body, h1, h2, h3, h4, h5, h6, p, span {
        font-family: '글꼴명'!important;
      }
    </style>
    
  6. 붙여넣은 코드에서 글꼴명을 삭제하고, 위 1단계 5번 과정에서 생성한 코드 2번에 표시된 폰트명(예: Nanum Myeongjo)을 입력합니다.

    중요: 반드시 작은 따옴표(' ') 사이의 글꼴명만 변경하고, 끝은 !important; 로 끝나야 합니다.

  7. 저장 버튼을 클릭해 적용합니다.

3단계: 적용된 글꼴 확인하기

관리자 페이지 왼쪽 상단의 미리보기 아이콘을 클릭해 구글 웹 폰트가 정상적으로 적용됐는지 확인합니다.



관련 도움말

특정 문구 및 특정 페이지에만 구글 폰트가 적용되도록 설정하려면 아래 도움말 링크를 참고하세요.

구글 폰트 사용하기 (부분 적용)

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
727.4K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.4K
전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.