• 가이드

구글 폰트(웹폰트) 사용 방법

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

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

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

적용방법

Part 1. Google Fonts에서 글꼴 찾기
  1. Google Fonts에 접속합니다.
  2. 왼쪽 상단 검색 필드에 원하는 글꼴명을 영문으로 입력하고 Enter를 클릭해 검색합니다.
    참조 : 아래 그림처럼 언어를 Korean 으로 선택하시면 검색이 더욱 빠릅니다.

  3. 마음에 드는 글꼴을 찾아 오른쪽 상단 를 클릭합니다.
  4. 브라우저 오른쪽 하단 펼침메뉴를 클릭합니다.

  5. 선택하신 웹 폰트 정보가 다음처럼 나타납니다.

    • 1) 글꼴 링크 HTML
    • 2) 불러올 글꼴 CSS
Part 2. 사이트에 적용하기
  1. 새 브라우저 탭을 켭니다.
  2. 아임웹에 접속하고 관리자 메뉴에 접속합니다. 접속방법
  3. 왼쪽 관리 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭합니다.
  4. 구글 폰트 정보를 열어둔 브라우저 탭으로 이동합니다.
  5. 위 그림에서 1번 글꼴 링크 HTML 코드를 복사한 다음 Meta Code 란에 붙여넣습니다.
  6. 다음 코드를 복사해 Header Code 란에 붙여넣습니다.

    <style>
    body {
      font-family: 'Sunflower'!important;
    }
    </style>
  7. 코드 내 따옴표 사이의 폰트명(Sunflower)을 삭제하고, 위 그림 2번 따옴표 사이에 표시된 폰트명을 입력합니다.
    주의 : 위 예시처럼 반드시 따옴표(' ') 사이의 글꼴명만 변경하고, 끝은 반드시 !important; 로 끝나야 합니다.
  8. 오른쪽 상단 저장을 눌러줍니다.
Part 3. 적용된 글꼴 확인하기

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

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

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

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

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