KT에서 폰트명 그대로 네잎클로버 형태를 자소에 적용해서 무료 폰트로 배포한 KT Y클로버체를 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 Y클로버체를 컴퓨터에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.
네잎클로버를 글자에 담은 KT Y클로버체 무료 다운로드
CONTENTS
누구나 개인적인 용도뿐만 아니라 상업적인 용도 즉, 영리 또는 비영리 목적으로도 무료로 사용할 수 있도록 제공하는 무료 폰트인 Y클로버체를 소개한다. 해당 Y클로버체는 밝고 활동적인 느낌을 주는 젊은 세대에 부합하는 글꼴로, 글꼴에 네잎클로버를 그대로 적용하여 통통 튀는 매력을 자아내고 있다. 다음에서 Y클로버체를 무료로 다운로드해서 컴퓨터에 설치하는 방법을 비롯해서 다양한 용도로 사용하는 자세한 방법을 확인할 수 있다.
KT Y 공식 홈페이지 바로가기
KT에서 20대를 타깃으로 만든 브랜드인 Y를 담고 있는 KT Y 공식홈페이지에는 Y브랜드부터 Y혜택, 콜라보 그리고 서체 다운로드까지 제공하고 있는데, 바로 여기에서 젊은 세대들의 활동적인 모습을 네잎클로버에 담은 발랄하고 통통 튀는 폰트인 Y클로버체를 살펴볼 수 있다.
상기 이미지를 누르면 해당 KT Y 공식홈페이지로 연결되는데, 여기에서 상단 메뉴 중 다운로드 내에 있는 서체 항목을 누르면 KT에서 그동한 제작해서 무료로 배포하는 모든 글꼴을 볼 수 있다. 즉, 해당 KT Y 폰트 사이트에서 있는 다양한 폰트 중에서 Y클로버체를 선택하면 Y클로버체 페이지로 전환하는데, 여기에서 아래로 끝까지 스크롤하면 다운받기 버튼을 찾을 수 있다.
Y클로버체는 아래의 이미지에서 보듯이 굵은 글꼴인 bold 폰트에는 네잎클로버를 그대로 자소에 담은 파격적인 형태를 보여주고 있는데, 이는 타이틀 또는 주목성을 높이는 문구에 사용하기에 적합하다. 일반적인 글꼴 굵기인 Regular 폰트에는 네잎클로버를 직접적으로 담는 게 아니라 약간 변형된 형태로 표현하고 있는데 ㅂ이라는 자음에서 해당 특징을 선명하게 확인할 수 있다.
더불어 컴퓨터 및 모바일에서 사용이 가능한 36개의 네잎클로버 모양 아이콘도 제공하는데, 해당 아이콘은 Y클로버체 Bold 폰트 설치 시에 사용이 가능하다.
Y클로버체 다운로드
위에서 제시한 Y클로버체 페이지에 접속해서 Y클로버체를 다운로드할 수 있는데, 해당 Y클로버체는 아래와 같이 글꼴 굵기에 변화를 준 레귤러와 볼드 2가지 형태로 제공한다.
즉, Y클로버체는 글꼴 굵기에 따라 분류된 2가지 글꼴을 각각 OTF 포맷과 TTF 포맷으로 제공하고 있다. 참고로, 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데, 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다.
하지만 일반적으로 윈도우용에 ttf 포맷을 맥용에 otf 포맷을 사용하는데, 해당 Y클로버체도 일반적으로 사용하는 TTF 포맷과 고해상도 그래픽 작업 시 사용하는 OTF 포맷으로 제공하고 있다. 참고로, TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다. 따라서 간단한 문서 작업이나 평이한 인쇄 시에는 트루타입인 TTF를 사용하면 된다. 특히 OTF 포맷은 한글을 PPT에서 열 때 제대로 구현하지 못하는 일이 발생하기도 하므로, 일반인들은 TTF 포맷을 주로 사용한다.
Y클로버체 설치하기
위에서 제시한 대로 해당 사이트에서 Y클로버체를 다운로드하면 zip 확장자를 지닌 파일 하나를 다운로드할 수 있다. 이후 다운로드한 해당 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제해서 사용하면 된다.
단, 앞에서 언급했듯이 해당 파일은 글꼴 굵기에 따라 2가지 글꼴을 포맷에 따라 OTF, TTF 파일로 제작된 구성이다. 즉, 2가지 글꼴이 2가지 포맷으로 제공되는데, 앞에서 설명했듯이 일반적으로 ttf 포맷을 지닌 글꼴 파일 2가지만 활용하면 된다.
따라서 Y클로버체 레귤러 ttf 파일과 Y클로버체 볼드 ttf 파일만 윈도우용 컴퓨터에 설치해서 사용하면 된다.
이렇게 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 Y클로버체 ttf 포맷 파일은 2개이므로 동일 과정을 2번만 수행하면 된다. 참고로, 글꼴 파일이 여러 개라면 아래와 같은 방식으로 글꼴을 설치하면서 글꼴이 제대로 설치되었는지 눈으로 확인할 수도 있다. 우선 기본적으로 위와 같이 필요한 글꼴 파일을 다운로드해서 압축을 해제하는 것까지는 동일하다. 이후에 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 방식이다.
컴퓨터 바탕화면에서 가장 좌측에 위치한 윈도우 아이콘인 시작을 누르면 톱니바퀴 모양의 설정이 나오는데, 여기를 눌러 들어간 후에 개인 설정을 선택한다.
다음으로 좌측에서 글꼴 항목을 누른 후에 우측에 나오는 설치 하려면 끌어서 놓기 박스에 설치할 글꼴 파일을 마우스로 잡고 드롭 방식으로 갖다 놓으면 설치를 진행한다. 더불어 사용 가능한 글꼴을 보면 현재 컴퓨터에 설치된 모든 글꼴을 확인할 수 있다.
설정을 활용한 방법과 유사한 또 다른 방식으로 윈도우를 설치한 폴더에서 fonts 폴더에 설치할 글꼴 파일을 마우스로 끌어서 드롭해도 된다. 기본적으로 윈도우는 C하드에 설치되므로 아무 폴더나 연 후에 좌측 항목에서 내 PC로 들어간 후에 오른쪽에 나오는 장치 및 드라이브에서 C하드를 선택하고, 이후 Windows 폴더에 들어가 Fonts 폴더를 찾으면 된다. 여기 Fonts 폴더에는 컴퓨터에 설치한 모든 글꼴이 나오므로, 여기에 글꼴 파일을 추가하거나 사용하지 않는 글꼴도 여기에서 삭제하면 된다.
코딩에서 Y클로버체 활용하기
모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다.
위에서 Y클로버체 폰트 ttf를 다운로드했으므로 이 Y최애체 글꼴 ttf를 CDN으로 연결할 수도 있지만, 이건 개인이 하기에는 약간 무리가 있다. 대부분 웹폰트로 사용할 수 있는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 Y클로버체를 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다.
TTF to WOFF | CloudConvert
Compress Merge Capture Website Create Archive Extract Archive Convert TTF Converter TTF The TrueType font format was originally developed by Apple and Microsoft and is today a common standard format for fonts. TrueType fonts can be scaled lossless. WOFF
cloudconvert.com
위와 같이 ttf 포맷을 woff 포맷으로 변환해 주는 사이트를 활용해서 해당 Y클로버체 ttf 포맷을 woff 포맷으로 변환해서 사용하거나, 눈누 사이트에서 CDN 방식으로 웹폰트를 지원하므로 이를 이용하는 게 더욱 편의적이다.
@font-face {
font-family: 'YClover-Bold';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/YClover-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}body { font-family: 'YClover-Bold' }
따라서 현재로서는 눈누 사이트에 제공하는 웹폰트 CDN을 활용하여 해당 Y클로버체 폰트를 적용할 태그 또는 클라스를 활용해 font-family 속성과 속성값을 넣어주면 된다. 예를 들어 코딩 시 모든 웹에 있는 텍스트에 Y클로버체 폰트를 적용한다면, body 태그에 폰트 스타일을 추가하면 된다. 이를 통해 웹 상에서 다른 사람들도 자신의 컴퓨터에 글꼴을 설치하지 않아도 동일한 글꼴을 볼 수 있다. 만약 웹 상에서 특정 영역만에 이 글꼴을 사용한다면 해당영역 태그명 또는 클라스명을 활용하여 CSS에서 스타일을 설정하면 된다.
