직접 써 보기
아래 글을 고쳐 쓰거나 예시 문구를 눌러 보세요. 굵기와 크기도 바꿀 수 있습니다.
굵기 7종
본문은 Regular, 메뉴와 버튼은 Medium, 제목은 Bold, 메인 문구는 ExtraBold를 권합니다.
무엇이 다른가
바탕이 된 Noto Sans KR과 나란히 크게 놓으면 차이는 모서리뿐입니다. 큰 제목에서는 은은하게 부드럽고, 본문 크기에서는 바른 고딕 그대로 읽힙니다.
구글과 어도비가 다듬은 고딕의 글자 균형과 간격을 그대로 써서, 긴 글도 편하게 읽힙니다.
뾰족한 모서리만 골라 둥글렸습니다. 굵을수록 둥근 정도도 함께 커져 어느 굵기에서나 같은 인상입니다.
메뉴부터 메인 문구, 전화번호까지 한 서체로 써도 굵기만으로 위계가 잡힙니다.
글자 구성
설치용에는 현대 한글 11,172자가 모두, 웹용에는 자주 쓰는 2,350자가 들어 있습니다. 웹용에 없는 드문 글자는 Noto Sans KR로 표시되며, 모양이 거의 같아 티가 나지 않습니다.
가나다라마바사아자차카타파하 건기넷 방수 단열 철거 복구
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789 ₩ ㎡ № © ® · … → ※ 「」 『』 ① ② ③
홈페이지에 적용하기
가장 쉬운 방법은 이 페이지에 올려 둔 웹폰트를 그대로 연결하는 것입니다. 직접 서버에 올리고 싶다면 아래 순서를 따르세요.
한 줄로 바로 쓰기 가장 쉬움
홈페이지와 시공점 사이트(*.geonginet.com) 어디서든, 모든 페이지의 <head>에 아래 한 줄만 넣으면 됩니다. 파일을 따로 올릴 필요가 없고, 여러 사이트가 같은 주소를 쓰니 한 번 받은 서체를 브라우저가 다시 씁니다.
<link rel="stylesheet" href="https://youngsam.net/geongi-font/css/geongi-sans.css">그다음 사이트 CSS에서 body { font-family: var(--font-geongi); }로 지정합니다(아래 3번 참고).
폴더를 서버에 올리기
"홈페이지용 웹폰트 받기"로 받은 압축을 풀어 web과 css 폴더를 같은 위치에 올립니다. 예를 들어 /assets/fonts/geongi-sans/ 아래에 둡니다.
모든 페이지의 <head>에 넣기
<link rel="preload" href="/assets/fonts/geongi-sans/web/GeongiSans-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/geongi-sans/web/GeongiSans-Bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/fonts/geongi-sans/css/geongi-sans.css">사이트 CSS에 서체 지정하기
body { font-family: var(--font-geongi); font-weight: 400; }
nav, .btn { font-weight: 500; }
h1, h2, h3, .tel { font-weight: 700; }
.hero-title { font-weight: 800; letter-spacing: -0.02em; }실제로 쓰는 굵기만 브라우저가 내려받습니다. 2~3가지만 쓰면 첫 화면이 빠릅니다.
다른 도메인에서도 쓰려면
시공점 사이트처럼 다른 도메인에서 본사 서버의 폰트를 불러올 때는, 서버에서 폰트 파일에 아래 헤더를 붙여야 합니다. (위 "한 줄로 바로 쓰기" 주소에는 이미 붙어 있습니다.)
Access-Control-Allow-Origin: *내려받기
필요한 묶음을 받거나 굵기별로 낱개 파일을 받을 수 있습니다. 모든 묶음에 사용 안내(README.md)와 라이선스(OFL.txt)가 들어 있습니다.
WOFF2 7종(자주 쓰는 한글 2,350자)과 연결 CSS. 홈페이지 제작자에게 전달하세요.
GeongiSans-Web.zip · 1.2 MB PC 설치용TTF 7종(한글 11,172자 전체). 문서·디자인 작업용으로 PC에 설치합니다.
GeongiSans-Desktop.zip · 8.0 MB 전체 묶음웹폰트, 설치용 TTF, 한글 전체 WOFF2, CSS, 안내 문서를 한 번에 받습니다.
GeongiSans-All.zip · 13.6 MB| 굵기 | 값 | 파일 | 용량 (웹 · 설치용) |
|---|---|---|---|
| Light | 300 | 웹 WOFF2설치용 TTF전체 WOFF2 | 166 KB · 3.9 MB |
| Regular | 400 | 웹 WOFF2설치용 TTF전체 WOFF2 | 171 KB · 3.9 MB |
| Medium | 500 | 웹 WOFF2설치용 TTF전체 WOFF2 | 173 KB · 3.9 MB |
| SemiBold | 600 | 웹 WOFF2설치용 TTF전체 WOFF2 | 174 KB · 3.9 MB |
| Bold | 700 | 웹 WOFF2설치용 TTF전체 WOFF2 | 176 KB · 3.9 MB |
| ExtraBold | 800 | 웹 WOFF2설치용 TTF전체 WOFF2 | 177 KB · 3.9 MB |
| Black | 900 | 웹 WOFF2설치용 TTF전체 WOFF2 | 167 KB · 3.8 MB |
사용 범위
건기 산스는 Noto Sans KR(SIL Open Font License 1.1)을 바탕으로 만든 파생 서체이며, 같은 라이선스를 따릅니다. 전문은 OFL.txt에서 보실 수 있습니다.
홈페이지, 시공점 사이트, 전단·명함·현수막, 간판, 영상, 차량 랩핑.
협력사·디자이너에게 서체 파일을 줄 수 있습니다. OFL.txt를 함께 넣어 주세요.
서체 파일 자체를 돈 받고 팔 수는 없습니다. 서체로 만든 결과물 판매는 자유입니다.