IT와 tech ・2024. 4. 2.

HU둥근굴림과 비슷한 무료 폰트, 티머니 둥근바람 Regular 웹폰트 적용 후기

최근 갤럭시 테마샵에서 유료 폰트를 구입하였습니다. 유료 폰트 가격은 3,500⁓3,900원입니다. 생각보다 폰트만 바꿨을 뿐인데, 새로운 스마트폰을 사용하는 것 같은 체감이 들어 만족도가 높았습니다.

 

갤럭시 스마트폰은 삼성 인터넷에서 [설정]-[실험실]에서 자신이 사용하는 기기 폰트로 강제 변경 해 주는 기능이 있습니다. 모든 웹페이지를 구입한 “HU둥근굴림 미디움”으로 적용해 보았는데 가독성도 괜찮아 보이고 마음에 들었습니다.

 

HU둥근굴림 폰트를 블로그 웹폰트로 적용하고 싶어 폰트 판매처인 HU헤움 사이트에 방문해서 가격을 알아보니 웹폰트로 이용하려면 상업용을 구입해야 하는데 가격이 월마다 지불하는 형태이거나 영구 구매하려면 헤움 사이트의 모든 폰트를 전부 구매해야 해서 200⁓700 만원 사이었습니다.

 

다른 상업용 폰트의 경우 영구 라이선스 개별 구매 가격 3 만원에서 10 만원 이하로 가격대가 형성되어 있는데 “HU둥근굴림 미디움”은 개별 영구 구매가 사실상 어렵고, 디자인을 업으로 하지 않는 이상 구매하기는 어려운 가격대가 아닌가 싶습니다.(소규모 개인 디자이너에게도 부담스러운 가격 정책으로 보입니다)

 

그래서 비슷한 폰트를 찾다 보니 티머니 둥근바람 폰트가 굴림과 고딕 사이 느낌은 내어 비슷한 느낌을 주는 데다 무료로 사용할 수 있어 대체하여 사용할만한 폰트라 추천합니다.

 

티머니 둥근바람, 티스토리 블로그 웹폰트로 사용하는 방법

티머니 둥근바람 폰트 다운로드를 공식 홈페이지에서 받은 후 직접 서버에 업로드하여 URL을 획득하는 방법도 있지만, 가장 쉽게 웹폰트로 티머니 둥근바람 폰트를 사용할 수 있는 방법이 있습니다.

 

바로 ‘눈누’사이트를 이용하는 것입니다.

 

(1) 눈누 사이트에서 티머니 둥근바람 폰트(링크)를 검색합니다. 웹폰트로 사용에서 직접 폰트 css를 복사합니다. ▼

@font-face {
    font-family: 'TmoneyRoundWindExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

위와 같이 CSS 코드를 복사합니다.


(2) 티스토리 로그인 → 꾸미기 → 스킨 편집 → HTML편집 → CSS 클릭하여, 복사한 CSS를 붙여 넣기 합니다. 맨 위 또는 맨 아래 등 나중에 찾기 편한 곳에 두고 [적용]을 클릭합니다. ▼


(3) 쭈미로운 생활 스킨 기준으로는 HTML인 곳에서 font-family'TmoneyRoundWindExtraBold'를 가장 앞 쪽에 삽입하고 저장합니다. ▼

티스토리 스킨에 따라서 html이 아닌 css에서 body나 html에 위치한 font-family'TmoneyRoundWindExtraBold'를 저장하는 것도 방법입니다. 아래의 이미지라면 "Noto Sans KR" 앞 쪽에 'TmoneyRoundWindExtraBold'를 붙여 넣기 한 후 저장을 클릭하면 됩니다.▼

위와 같이 하면 웹폰트로 원하는 폰트를 변경할 수 있습니다.

HU 둥근굴림 VS 티머니 둥근바람 차이 비교하기

다른 폰트이기 때문에 차이점이 있지만 언듯 보면 비슷해 보입니다.

 

티머니 둥근바람 폰트가 HU둥근굴림 미디움보다 글자 크기가 큰 편이라서 티머니 둥근바람 폰트의 크기나 자간을 살짝 조정하면 비슷한 느낌을 줄 수 있습니다.

 

티머니 둥근바람 폰트 크기가 1이라면 HU둥근굴림 폰트 크기는 1.1 rem으로 크기 차이를 두어 비교해 보면 다음과 같습니다.

▲ (좌) 티머니 둥근바람 / (우) HU둥근굴림 미디움

 

특수문자 표시가 다르고, 티머니 둥근 바람보다 둥근굴림 미디움쪽이 가로로 좀 더 길쭉한 느낌이 드는 굴림체입니다. 또한 글씨 크기 자체도 티머니 쪽이 더 큰 편이라 폰트 크기를 줄였음에도 좀 더 글자가 커보입니다. 티머니 둥근바람 폰트 크기는 1em, 둥근 굴림 미디움은 1.1em 크기로 적용하였습니다.

▲ (좌) 티머니 둥근바람 / (우) HU둥근굴림 미디움

 

 

언뜻 보면 비슷한 폰트로 보입니다. HU둥근굴림 미디움이 굵은 표시(bold)가 좀 더 두껍게 표현이 됩니다.

 

▲ (좌) 티머니 둥근바람 / (우) HU둥근굴림 미디움

 

전반적으로 비슷한 느낌을 주고 있습니다. 굵기 정도 차이뿐 아니라, 숫자 표시도 차이가 있습니다. 티머니 둥근바람의 9의 끝이 더 날카롭고, 둥근굴림 미디움 쪽에 둥근 느낌을 줍니다.

▲ (좌) 티머니 둥근바람 / (우) HU둥근굴림 미디움

 

영문 표기는 큰 차이는 없어 보이지만, 한글과 반대로 티머니 둥근바람의 영문 표기가 가로로 좀 더 넓은 느낌을 줍니다.

 

티머니 둥근바람 폰트 살펴보기

눈누 사이트에서 미리 보기로 사용해 볼 수도 있습니다.

 

제작은 티머니 X 윤디자인에서 디자인한 서체입니다. 굵기는 레귤러, 볼드 2가지 굵기를 지원합니다.

티머니가 윤디자인이라는 폰트 디자인 회사에 의뢰한 폰트로 상업용 무료로 사용할 수 있게 공개해둔 폰트입니다. 자세한 사용 범위는 아래를 참고하시면 도움이 되실 것입니다.

티머니 둥근바람 라이선스

티머니 홈페이지(https://www.tmoney.co.kr/aeb/cmnctn/ci/ci.dev)에서 다운로드 받을 수 있습니다. 티머니 둥근바람 라이선스 규정도 확인하실 수 있습니다. 저작권은 티머니에 있고, 사용은 개인이나 기업이 ‘상업용 무료’로 사용 가능합니다.

  1. 저작권
    전용서체 티머니 둥근바람(Tmoney RoundWind)의 모든 지적 재산권을 포함한 모든 권리는 ㈜티머니에 있습니다.
  2. 사용범위
    개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공합니다.(아래 사용범위 참조)
  3. 제한사항
    가. 글꼴 자체를 유료로 판매, 임의 수정/개작하여 재배포하는 것은 금지하며, 배포되는 형태 그대로 사용해야 합니다.
    나. 당사의 이미지를 훼손할 수 있는 불법사이트나 허위과장광고, 기타 공서양속에 반하는 인쇄/광고물에 사용을 금지합니다.
  4. 기타
    전용서체 티머니 둥근바람을 사용한 인쇄물, 광고물(온/오프라인) 등의 이미지는 ㈜티머니 마케팅을 위해 활용될 수 있습니다. 이를 원치 않는 사용자는 언제든지 당사에 요청하실 수 있습니다.

카테고리 사용 범위  
인쇄
브로슈어, 카탈로그, DM, 전단지, 포스터, 패키지, 캘린더 등 인쇄물 O
책, 만화책, 잡지, 정기간행물, 신문 등 출판물 O
간판, 현수막, 판넬 등 제작물, 인쇄 및 문서 공유를 위한 PDF 파일 제 O
신문광고, 잡지광고, 차량광고 등 광고물, 신문 제목 및 텍스트 O
CI/B 회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이 X
웹서버용 폰트 웹페이지, 광고배너, 메일, 웹툰, E-카달로그 / 웹서버용 폰트 O
영상
방송 및 영상물 자막, TV-CF, 온라인 영상광고 O
영화(DVD / 비디오), 오프닝, 엔딩크레딧 자막 , 개인 UCC 및 홍보물 , E-Learning 콘텐츠, 온라인 동영상강좌, 플래시 강좌 등 O
디바이스 모바일, MP3, PMP, 내비게이션, 셋탑박스, 게임기 등 디바이스 내 탑재, 어플리케이션 GUI디자인, 전광판 및 안내시스템, ATM기기 등 O
서버 서버 탑재 후 웹서비스 및 프로그램 내 서비스(게임 등) O
E-book E-Book 기기 내 UI 제작, 폰트탑재 / 도서 및 잡지 등을 E-Book 콘텐츠(ePUB, PDF)로 변환 서비스 O
임베이딩 폰트파일 임베이딩 서비스 O
기타 직접 판매 목적의 이미지 제작(2차 제작결과물), 스템프, T셔츠 등 서체 디자인이 직접 활용된 상품 제작 O

 

CI, BI(회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈)가 아니라면 사용할 수 있다고 명시가 되어있습니다. 웹서버용 폰트(웹포이지, 광고배너, 메일, 웹툰, E 카탈로그, 웹서버용 폰트) 사용이 가능하다고 표시가 되어있어서 무료로 사용할 수 있는 폰트입니다.