WiX 홈페이지 만들 때 나만의 한글 글꼴(폰트) 사용하기

나만의 한글 글꼴(폰트) 사용하기

홈페이지 제작에서 글꼴의 선택은 매우 중요합니다. 내 비즈니스 콘셉트를 잘 표현하고 콘텐츠의 전달력을 높일 수 있는 디자인 요소로 글꼴(폰트)의 크기와 행간, 자간, 여백을 잘 활용한다면 가독성을 높여주어 방문자의 기억에 남는 홈페이지를 제작하는데 많은 도움이 됩니다.

글꼴이란 모양, 굵기, 장평, 장식, 기울기 등 전체적으로 통일된 스타일을 가진 서체의 집합으로 숫자나 문장 부호, 기호 등의 모양을 포함할 수 있습니다. 언어 별,  형태 별 종류가 매우 많고 다양함으로 선택할 때 신중해야 합니다. 그리고 저작권에 민감함으로 사용 시 꼭 확인이 필요합니다.

- 글꼴 디자인 미리 보기 - 

이번 포스팅은 WiX(윅스) 글꼴의 변경과 수정 그리고새로운 글꼴을 업로드하는 방법을 포함하여전반적으로 관리 방법을 설명합니다.

1.WiX 에디터에서 글꼴 변경과 텍스트 디자인 수정 방법

1-1 현재 디자인과 어울리는 글꼴의 크기 색상을 추천하는 디자인을 미리 보고 선택할 수 있습니다. 홈페이지에서 검색엔진에 최적화 하려면 제목은 이미지로 만들어 사용하는 것보다는 텍스트를 사용하는 것이 좋습니다. 그리고 심플하고 전문적인 홈페이지를 제작하고 싶다면 여러 가지 종류의 글꼴을 사용하는 것보다는 2-3가지 정도로 제한하는 것을 권해드립니다.

1-2 윅스에서 추천하는 것을 그대로 사용하지 않고 사용자가 굵게(Ctrl+B), 기울임 꼴(Ctrl+I), 밑줄(Ctrl+U), 색상, 강조, 링크, 정렬, 글머리 및 번호, 내어 쓰기, 들여 쓰기, 텍스트 방향, 글자 및 줄 간격 등을 모두 변경할 수 있습니다.

- 글꼴 변경과 텍스트 디자인 수정 방법 - 

※ 참고
WiX 에디터 단축키와 사용된 예제를 자세히 보고 싶다면 아래 주소를 클릭하세요.
https://homepage-academy.blogspot.com/2018/11/wix-shortcut-key.html


1-3 음영과 질감 효과를 텍스트에 추가하여 방문자의 주목도를 높일 수 있습니다.

- 디자인 효과 주기 -

2. 나만의 글꼴 추가 업로드하기

윅스에서 제공되는 기본 글꼴 외에 내가 보유한 글꼴이 있다면 추가하여 사용할 수 있습니다. 사용 저작권을 반드시 학인 후 윅스 에디터(사이트 편집)에서 업로드합니다. 한번 업로드하면  WiX 내 계정안에서 만드는 모든 사이트에서 활용할 수 있습니다, 그러나  Wix 블로그를 포함한 일부 앱에서는 업로드한 글꼴을 사용할 수 없을 수도 있으므로 참고 바랍니다

2-1 내 업로드 아이콘을 클릭하고 글꼴 관리로 이동합니다.

글꼴 관리 화면 미리 보기 - 1

2-2 내 컴퓨터에 있는 글꼴을 업로드하면 이 화면에서 다운로드하고 삭제하는 등 관리할 수 있습니다. 글꼴은 TTF, WOFF, WOFF2 파일 형식으로 추가해야 합니다.

글꼴 관리 화면 미리 보기 - 2

3. 글꼴과 홈페이지 로딩 시간

국내 사용자들의 공통적인 불만은 아마도 홈페이지 첫 화면 로딩 속도가 느리다는 것입니다. 이 부분은 WiX도 인지를 하고 있고 개선에 많은 노력을 하고 있다고 합니다. 윅스의 자체 노력도 필요하지만 내 홈페이지에서 로딩을 느리게 하는 요소들은 미리 알고 주의하여 디자인 작업을 진행한다면 속도 개선에  많은 도움이 될 수 있습니다.

웹사이트에서 무겁고 장식이 있는 굵은 글꼴들은 화면 로딩 시간에 영향을 미칠 수 있습니다. 예를 들어, Fredericka the Great and Raleway는 "무거운 글꼴"이고 일반적인 Arial, Georgia는 "가벼운 글꼴"입니다.  그렇다고 사용하지 말아야 한다는 것은 아닙니다. 특별한 강조를 할 때와  제목 및 부제에 무거운 글꼴을 사용하는 것이 좋고 장문의 긴 텍스트를 쓸 때는 좀 더 간단한 글꼴을 사용하는 것이 좋습니다. 위에 세련되고 전문적인 느낌의 홈페이지 디자인을 위해 글꼴 사용을 2-3개 정도로 사용할 것을 권해드렸는데 로딩 속도 개선을 위해서도 여러 가지 폰트를 사용하지 않는 것이 좋습니다.

4. 한국어와 호환되는 텍스트 글꼴 선택하기

디자인 작업을 완료한 후 데스크톱 화면과 모바일 화면을 포함하여 크롬이 아닌 인터넷 익스플로러 나 사파리 등 다른 브라우저에서 글꼴이 다르게 보이거나 특수 문자가 올바르게 표시되지 않을 수도 있습니다. 국내 사용자 라면 한국어와 호환되는 글꼴을 사용해야 합니다. 아래 이미지를 참고하여 텍스트 편집에서 한국어로 미리 보기가 되는 것을 선택하는 것이 좋습니다. 

한국어와 호환되는 텍스트 글꼴 미리보기

5. 국가별 언어 추가하는 방법

윅스 사이트 편집 화면에서 텍스트 편집을 클릭합니다. 글꼴 아래 드롭다운 메뉴를 선택하고 하단에 < 언어 추가>를 클릭합니다. 팝업 화면에서 영어, 동유럽, 키릴문자, 일본어, 한국어, 아랍어, 히브리어 등에서 선택 가능합니다.

wix 홈페이지 국가별 언어 추가