저작권이 자유로운 수십 개의 글꼴(서체)을 제공합니다. 제작하시는 사이트 디자인 콘셉트에 따라 적절한 글꼴을 선택해 적용해보세요.

변경방법

1단계: 공통 디자인 설정 메뉴 켜기

1. 디자인 모드에 접속합니다. 
2. 오른쪽 상단 톱니바퀴아이콘을 클릭합니다.

2단계: 글꼴 변경하기

1. 텍스트 항목을 찾습니다.

2. 본문 단락과 제목 단락에 적용할 글꼴을 선택합니다.

   

   • 본문 한/중/일: 표준(Body) 단락으로 설정된 텍스트의 한/중/일 글꼴을 선택합니다.
   • 본문 영문 글꼴: 표준(Body) 단락으로 설정된 텍스트의 영문 글꼴을 선택합니다.
   • 제목 한/중/일 글꼴: 제목(Heading) 단락으로 설정된 텍스트의 한/중/일 글꼴을 선택합니다.
   • 제목 영문 글꼴: 제목(Heading) 단락으로 설정된 텍스트의 영문 글꼴을 선택합니다.
3. 공통 디자인 설정 오른쪽 상단 닫기아이콘을 클릭하고 저장을 눌러 적용합니다.

3단계: 글꼴 적용하기

1. 텍스트 위젯을 추가합니다. 이미 추가된 경우 건너뜁니다. 

   

2. 텍스트 위젯을 마우스로 더블-클릭합니다.
3. 변경하고 싶은 텍스트를 마우스로 드래그하여 선택합니다.

4. 텍스트 편집도구에서 단락 아이콘을 클릭합니다.

   

5. 제목(Heading) 또는 표준(Body) 중 하나를 선택합니다.

   

6. 선택하신 단락 글꼴이 변경됩니다.

Google Fonts 적용방법

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

1. Google Fonts에 접속합니다.

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

   

3. 마음에 드는 글꼴을 찾아 오른쪽 상단 를 클릭합니다.

4. 브라우저 오른쪽 하단 펼침메뉴를 클릭합니다.

   

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

   

   • 1) 글꼴 링크 HTML
   • 2) 불러올 글꼴 CSS

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. 오른쪽 상단 저장을 눌러줍니다.

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

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