국내 코딩 교육업체인 엘리스그룹에서 제작한 디지털 플랫폼에 최적화한 폰트인 엘리스 DX널리체를 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 엘리스 DX널리체를 컴퓨터에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.
디지털 플랫폼에 최적화한 무료 폰트 엘리스 DX널리체 다운로드
누구나 개인적인 용도뿐만 아니라 상업적인 용도 즉, 영리 또는 비영리 목적으로도 무료로 사용할 수 있도록 제공하는 무료 폰트인 엘리스 DX널리체를 소개한다. 엘리스그룹에서 제작한 엘리스 DX널리체는 폰트 파일의 수정, 복제, 배포도 가능하지만 단, 폰트 파일을 유료로 판매하는 행위는 금지하고 있다. 다음에서 엘리스 DX널리체를 무료로 다운로드해서 컴퓨터에 설치하는 방법을 비롯해서 사용하는 자세한 방법을 확인할 수 있다.
엘리스 DX널리체 바로가기
엘리스 DX널리체는 올리원 디지털 교육 플랫폼인 엘리스 홈페이지에서 무료로 다운로드할 수 있는 페이지를 제공하고 있는데, 메뉴 중 리소스로 들어가서 브랜드 항목을 선택한 다음에 전환한 페이지에서 아래로 스크롤하면 바로 해당 엘리스 DX널리체뿐만 엘리스 디지털 코딩체, 엘리스 디지털 배움체를 다운로드할 수 있는 버튼을 확인할 수 있다.
위의 이미지에서 보듯이 엘리스 DX널리체는 직선과 곡선이 어우러진 조화로운 대칭형 디자인으로 제작한 서체로 꽉 찬 네모꼴 형태에 한글과 영문이 안정적으로 배치된다는 특징이 있다. 특히 ㅅ, ㅈ, ㅊ 등이 완만한 곡률로 디자인하면서 자소 하단에 각도를 준 즉, 자소가 받침이 아니라 윗부분에 나올 때 하단 끝부분만 상향하는 형태로 강한 고딕 서체한 부드러운 느낌을 추가하고 있다.
해당 엘리스 DX널리체는 디지털 플랫폼에 최적화한 폰트로 획이 늘어나면 글자 폭 역시 달라지는 가변 폭 모둘을 적용하고 있다. 글꼴 크기에 따라 Light, Medium, Bold 3종의 글꼴로 제공하는 엘리스 DX널리체는 한글 12,3450자에 추가로 430자를 더했으며, 라틴문자 95자와 특수문자 985자로 구성되어 있다.
엘리스 DX널리체 다운로드
위에서 제시한 엘리스 DX널리체 사이트에 접속해서 아래로 스크롤하면 엘리스 DX널리체를 비롯해서 엘리스 디지털 코딩체 그리고 엘리스 디지털 배움체를 순서대로 볼 수 있고, 더불어 해당 모든 엘리스 폰트는 무료로 다운로드해서 사용할 수 있다. 엘리스 디지털 코딩체는 프로그래밍용으로 최적화한 폰트이고, 엘리스 디지털 배움체는 효율적인 학습에 유용하도록 제작한 폰트로, 앞에서 언급했듯이 모두 무료로 배포하고 있다.
여기에서는 엘리스 폰트로 대표되는 엘리스 DX널리체를 무료로 다운로드해서 컴퓨터에 설치하는 과정을 살펴본다. 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데, 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다.
해당 엘리스 DX널리체는 디지털 플랫폼에 최적화하여 웹, 공간 등 어디에나 어울리는 가독성과 가시성을 모두 고려한 타이틀용 서체로, 고정된 폭이 아니라 자유롭게 폭을 조절할 수 있는 가변 폭 모듈을 적용하고 있다. 이러한 엘리스 DX널리체는 폰트 굵기에 따라 구분한 3가지 글꼴로 제공하는데 주로 윈도우용으로 알려진 ttf 포맷과 맥용으로 알려진 otf 포맷을 제공하고 있다. 즉, 해당 엘리스 DX널리체 다운로드 버튼을 누르면 폰트 라이선스를 비롯하여 ttf 포맷과 otf 포맷을 다운로드할 수 있는 세부 다운로드 항목을 제공한다.
상기의 윈도우용 엘리스 DX널리체 다운로드 버튼을 누르면 간단히 ttf 포맷을 지닌 윈도우용 엘리스 DX널리체를 무료로 다운로드해서 사용할 수 있는데, 만약 otf 포맷의 맥용 윈도우용 엘리스 DX널리체이 필요하다면 상기 엘리스 브랜드 사이트에서 엘리스 DX널리체 다운로드 중에 OTF 항목을 선택하면 된다. 더불어 엘리스에서 제공하는 엘리스 디지털 코딩체와 엘리스 디지털 배움체도 동일한 방식으로 무료로 다운로드할 수 있을 뿐만 아니라, 아래에서 설명하는 방법대로 해당 폰트를 컴퓨터에 설치해서 사용하거나, 코딩 시에도 활용할 수 있다.
엘리스 DX널리체 설치하기
위에서 제시한 대로 윈도우용 엘리스 DX널리체 다운로드 버튼을 누르면 아래와 같은 해당 글꼴을 담은 zip 확장자를 지닌 압축 파일이 컴퓨터 바탕화면 또는 다운로드를 지정한 폴더에 나타난다.
우선 다운로드한 해당 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제하면 아래와 같이 3가지 파일이 나온다.
즉, 엘리스 DX널리체는 글꼴 굵기에 따라 3가지의 ttf 포맷 파일로 구성되어 있다. 만약 맥용 운영체계를 지닌 컴퓨터 또는 그래픽 작업과 같은 고해상도 작업에 이용하려면 OTF 포맷을 활용하면 된다.
참고로, 일반적으로 사용하는 TTF 포맷과 고해상도 그래픽 작업 시 사용하는 OTF 포맷으로 제공하는데, TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다. 따라서 간단한 문서 작업이나 평이한 인쇄 시에는 트루타입인 TTF를 사용하면 된다. 특히 OTF 포맷은 한글을 PPT에서 열 때 제대로 구현하지 못하는 일이 발생하기도 하므로, 일반인들은 TTF 포맷을 주로 사용한다.
위에서 보듯이 해당 글꼴 파일이 담긴 폴더에서 보기 옵션을 아주 큰 아이콘으로 설정하면 해당 글꼴이 어떠한 모양인지 가늠할 수 있어 편하다.
이렇게 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 엘리스 DX널리체 ttf 포맷 파일은 3개이므로 해당 과정을 3번 수행하면 된다. 참고로, 글꼴 파일이 여러 개라면 아래와 같은 방식으로 글꼴을 설치하면서 글꼴이 제대로 설치되었는지 눈으로 확인할 수도 있다. 우선 기본적으로 위와 같이 필요한 글꼴 파일을 다운로드해서 압축을 해제하는 것까지는 동일하다. 이후에 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 방식이다.
컴퓨터 바탕화면에서 가장 좌측에 위치한 윈도우 아이콘인 시작을 누르면 톱니바퀴 모양의 설정이 나오는데, 여기를 눌러 들어간 후에 개인 설정을 선택한다.
다음으로 좌측에서 글꼴 항목을 누른 후에 우측에 나오는 설치 하려면 끌어서 놓기 박스에 설치할 글꼴 파일을 마우스로 잡고 드롭 방식으로 갖다 놓으면 설치를 진행한다. 더불어 사용 가능한 글꼴을 보면 현재 컴퓨터에 설치된 모든 글꼴을 확인할 수 있다.
설정을 활용한 방법과 유사한 또 다른 방식으로 윈도우를 설치한 폴더에서 fonts 폴더에 설치할 글꼴 파일을 마우스로 끌어서 드롭해도 된다. 기본적으로 윈도우는 C하드에 설치되므로 아무 폴더나 연 후에 좌측 항목에서 내 PC로 들어간 후에 오른쪽에 나오는 장치 및 드라이브에서 C하드를 선택하고, 이후 Windows 폴더에 들어가 Fonts 폴더를 찾으면 된다. 여기 Fonts 폴더에는 컴퓨터에 설치한 모든 글꼴이 나오므로, 여기에 글꼴 파일을 추가하거나 사용하지 않는 글꼴도 여기에서 삭제하면 된다.
코딩에서 엘리스 DX널리체 활용하기
모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다. 위에서 엘리스 DX널리체 ttf를 다운로드했으므로 이 엘리스 DX널리체 글꼴 ttf를 CDN으로 연결할 수도 있지만, 이건 개인이 하기에는 약간 무리가 있다. 대부분 웹폰트로 사용할 수 있는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 엘리스 DX널리체를 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다.
엘리스 DX널리체 글꼴은 현재 제작사인 엘리스 사이트에서 글꼴을 다운로드한 페이지에서 바로 웹폰트를 사용할 수 있는 방법을 제공하고 있다. 엘리스 DX널리체 사이트에서 다운로드 버튼 앞에 있는 웹 폰트 항목을 누르면 팝업 형대로 웹 폰트 사용 방법을 알려주는데, 이때 HTML를 이용하는 방법고 CSS를 활용한 2가지 방법이 나온다. 이 중에서 편한 방법을 선택해서 이용하면 되는데 폰트는 CSS에 담는 게 코드 측면에서 조금 더 일반이지만, 이건 사용자의 선호에 따라 HTML 방식이든 CSS 방식이든 선택해서 사용하면 된다. 참고로, 폰트의 대명사처럼 자리한 눈누 사이트에서도 CSS에 코딩하는 방식으로 웹폰트를 지원하고 있다. 코딩에서 엘리스 DX널리체를 사용하려면 해당 코드를 CSS에 붙여넣기하면 자동으로 엘리스 DX널리체 woff 포맷 글꼴을 다운로드한다.
@import url("https://font.elice.io/css?family=Elice+DX+Neolli");
@font-face {
font-family: 'Elice DX Neolli';
font-weight: 300;
font-style: normal;
font-display: swap;
src: url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Light.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Light.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Light.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Elice DX Neolli';
font-weight: 500;
font-style: normal;
font-display: swap;
src: url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Medium.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Medium.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Medium.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Elice DX Neolli';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/fonts-archive/EliceDXNeolli/EliceDXNeolli-Bold.ttf') format('truetype');
}
html, body { font-family: "Elice DX Neolli", sans-serif; }
따라서 해당 엘리스 DX널리체 폰트를 적용할 태그 또는 클라스를 활용해 font-family 속성과 속성값을 넣어주면 된다. 예를 들어 코딩 시 모든 웹에 있는 텍스트에 엘리스 DX널리체 폰트를 적용한다면, 위에 같이 body 태그에 폰트 스타일을 추가하면 된다. 이를 통해 웹 상에서 다른 사람들도 자신의 컴퓨터에 글꼴을 설치하지 않아도 동일한 글꼴을 볼 수 있다. 만약 웹 상에서 특정 영역만에 이 글꼴을 사용한다면 해당영역 태그명 또는 클라스명을 활용하여 CSS에서 스타일을 설정하면 된다.
