한글 폰트 적용

프레지는 사용자를 위한 다양한 한글 폰트가 준비되어 있습니다. 기본 테마에서 제공하는 폰트 외에 다른 폰트를 사용하고 싶으시다면 하단의 방법을 통해 폰트를 변경할 수 있습니다. 프레지의 다양한 한글 폰트는 이곳을 통해 확인할 수 있습니다.

 

1. CSS 에디터 실행하기

  • 프레지 편집 화면에서 시작합니다. 프레지는 개별 프레지 컨텐츠마다 제목-부제목-본문의 3종류의 폰트를 사용할 수 있습니다. 우선 편집 화면 상단에 있는 '수정' 을 클릭해주세요.

프레지 편집 화면

  • '수정' 버튼을 클릭하면 우측에서 '수정' 메뉴가 슬라이드해서 활성화됩니다. 하단에 있는 '테마 설정'을 클릭하세요.

수정 메뉴 화면

  • '테마 설정'을 클릭하면 'Theme Wizard'가 팝업으로 열립니다. 이곳을 통해 테마의 다양한 설정값을 변경할 수 있습니다. 이 포스트는 폰트 변경에 대해서 안내해드리겠습니다. 팝업의 하단에 'Use the Prezi CSS Editor'를 클릭하여 CSS Editor를 실행합니다.

테마 위자드 화면

 

2. CSS 에디터에서 폰트 변경 하기

  • CSS 에디터가 열리면 이곳에서 폰트를 변경할 수 있습니다. CSS 에디터는 조금 복잡해보일 수 있습니다. 하지만 원리만 이해하면 매우 쉽습니다. 우선 처음 나오는 3 문단이 폰트와 관련있는 항목입니다. font-class와 family가 body라고 적혀있는 첫문단은 '본문', head라고 적혀있는 둘째 문단은 '제목', strong이라고 적혀있는 셋째문단은 '부제목'에 해당합니다. 개별 문단의 가장 첫째줄에 따옴표(' ')안에 표기되어 있는 파일 이름이 바로 폰트입니다. 이 경우에는 '본문'에 해당하는 폰트 파일은 'NanumGothic-P.keg', '제목'은 'SangSangTitleOTFM-P.keg', 그리고 '부제목'은 'NanumGothicBold-P.keg'와 같습니다. 여러분들은 한글 폰트 목록을 참고하여 따옴표(' ')안의 파일을 원하는 폰트 파일로 변경하시면 됩니다.

CSS에디터 화면(폰트 변경 전)

  • 한글 폰트 목록을 참고하여 따옴표(' ')안의 파일을 다음과 같이 변경했습니다. 본문(body)은 고도 Medium (GodoM), 제목(head)은 국대떡볶이 Bold (Kukde_B), 부제목(strong)은 배달의 민족 DOHYEN (BM-DOHYEON)으로 변경했습니다. 참고로 확장자 .keg는 공통이므로 확장자 앞의 부분만 파일명을 변경하시면 됩니다. 변경 후, 하단의 'Apply' 버튼을 누르면 새로운 폰트가 적용됩니다. 단, 폰트 이름이 정확하지 않을 경우, 에러메세지가 나올 수 있습니다. 폰트명을 확인하신 후 적용해주세요.

CSS에디터 화면(폰트 변경 후)

 

3. 폰트 변경 확인

  • 새로운 폰트를 적용한 후에는 기존에 입력했던 폰트 모두 함께 교체됩니다. 앞서 CSS 에디터에 입력한대로 본문(body)은 고도M, 제목(head)은 국대떡볶이 Bold, 부제목(strong)은 배달의 민족 DOHYEN으로 변경된 것을 확인할 수 있습니다.

프레지 편집 화면 (폰트 변경 후)