G마켓 산스 무료 다운로드가 하고 싶으셨군요!
이는 해당 쇼핑몰에서 공식적으로 지원하는 폰트인데요. 무료 배포 뿐만 아니라 상업적 이용이 가능합니다.
하지만, 많은 분들이 설치에 어려움을 겪는 거 같아서 이 글을 작성하게 되었습니다. 아래에서 지마켓 산스 ttf와 웹 폰트 설치를 도와드리겠습니다!
1. G마켓 산스 폰트 무료 다운로드
아래의 절차를 통해 쉽게 설치하실 수 있습니다. 만약, 블로그 혹은 홈페이지에 적용할 웹 폰트를 원하시는 분들은 다음의 섹션으로 넘어가주세요.
- 1. 아래 링크를 통해 지마켓 홈페이지에 접속해주세요.
- 2. 우측 상단의 [Download] 섹션을 클릭해줍니다.
- 3. 아래로 약간 스크롤하여 지마켓 산스 [TTF] 혹은 [OTF] 중 원하시는 폰트를 다운로드 하시면 됩니다.
💡도움말: 누차 말씀드리지만, 해당 폰트는 상업적 이용과 배포를 공식적으로 허용하였습니다. 따라서, 안심하시고 이용하셔도 됩니다.
추가로, 설치 전 지마켓 산스 폰트를 테스트해보고 싶으신 분들은 홈페이지 상단에 위치한 [Try it] 버튼을 클릭하시면 됩니다.
2. 지마켓 산스 웹 폰트 이용 방법
앞서 안내해 드린 방식은 TTF 확장자를 사용하기 때문에 블로그에서는 사용이 어려울 수 있습니다. 블로그나 홈페이지에 해당 폰트를 적용하고 싶으신 분들은 웹 폰트를 설치하셔야 합니다.
아래의 절차를 통해 쉽게 코드를 얻으실 수 있습니다.
- 1. 위 링크를 통해 글씨체 다운로드 사이트로 이동해주세요.
- 2. 접속 후, 상단 우측에 위치한 html 코드를 복사한 뒤 자신의 홈페이지에 옮기시면 됩니다. 혹시나, 오류가 생기신 분들은 아래의 코드로 대체하세요.
💡웹 폰트 html 코드💡
@font-face {
font-family: ‘GmarketSansMedium’;
src: url(‘https://fastly.jsdelivr.net/gh/projectnoonnu/[email protected]/GmarketSansMedium.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}
📍[Tip]: 혹시나 폰트의 굵기와 크기를 조절하고 싶으신 분들은 위 코드 중 ‘font-weight’와 ‘font-style’ 옆에 기재된 ‘normal’ 부분을 바꾸시면 됩니다. [예시: font-weight: 17;]