출처 : https://www.kakaobank.com/presentPaper/requireModules
카카오뱅크 홈페이지에 사용된 웹폰트입니다.
제목과 본문 폰트로 나뉘는데 CSS 주소는 다음과 같습니다.
https://www.kakaobank.com/static/js/kakaobankWeb-presentpaper-requiremodules-1501512817026.min.css
관련 CSS 코드입니다.
body,th,td,input,select,textarea,button{font-size:12px;line-height:1.5;font-family:'Yoon 윤고딕','돋움',dotum,sans-serif;color:#000} a{color:#000;text-decoration:none} a:active,a:hover{text-decoration:underline} a:active{background-color:transparent} h1,h2,h3,h4,h5,h6,strong,address,caption,cite,code,dfn,em,var,th{font-style:normal;font-weight:normal} #kakaoIndex{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px} .ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} .ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .show{display:block} .hide{display:none} .caption_g{overflow:hidden;width:1px;font-size:0;line-height:0;text-indent:-9999px} .inp_g::-webkit-input-placeholder{color:#aaa} .inp_g::-moz-input-placeholder{color:#aaa} .inp_g::-ms-input-placeholder{color:#aaa} .txt_left{text-align:left} .txt_right{text-align:right} @font-face{ font-family:'Yoon 윤고딕'; src:url('../fonts/YoonGothicPro750.eot'); src:url('../fonts/YoonGothicPro750.eot?#iefix') format('embedded-opentype'),url('../fonts/YoonGothicPro750.woff') format('woff'),url('../fonts/YoonGothicPro750.ttf') format('truetype'); font-weight:normal } @font-face{ font-family:'Yoon 윤고딕'; src:url('../fonts/YoonGothicPro720.eot'); src:url('../fonts/YoonGothicPro720.eot?#iefix') format('embedded-opentype'),url('../fonts/YoonGothicPro720.woff') format('woff'),url('../fonts/YoonGothicPro720.ttf') format('truetype'); font-weight:200 }
웹폰트 경로입니다.
https://www.kakaobank.com/static/fonts/YoonGothicPro750.eot https://www.kakaobank.com/static/fonts/YoonGothicPro750.woff https://www.kakaobank.com/static/fonts/YoonGothicPro750.ttf https://www.kakaobank.com/static/fonts/YoonGothicPro720.eot https://www.kakaobank.com/static/fonts/YoonGothicPro720.woff https://www.kakaobank.com/static/fonts/YoonGothicPro720.ttf
파일 정보는 다음과 같습니다.
제목 | 날짜 | ||
---|---|---|---|
깃헙 웹폰트 | 2018/05/15 | 240 | |
한글 폰트 직접 써보고 고르기 | 2018/05/15 | 658 | |
폰트 이야기 알림입니다. | 2010/05/15 | 282 | |
24 | [웹폰트] 한글 웹폰트에 대한 생각 | 2014/02/28 | 87 |
23 | [웹폰트] 네이버 웹폰트 954102_10.eot | 2015/06/14 | 148 |
22 | [웹폰트] 구글 early access 한글 폰트 리스트 | 2015/12/18 | 171 |
21 | [웹폰트] OneLatin webfont | 2018/04/09 | 199 |
20 | [웹폰트] 웹폰트 위쯔또박체 사용법 | 2015/06/14 | 273 |
19 | [웹폰트] 웹폰트 | 2015/12/18 | 347 |
18 | [웹폰트] 제주고딕 웹폰트 | 2015/12/18 | 397 |
17 | [웹폰트] 괜찮은 웹폰트? 스포카 한 산스 | 2016/07/18 | 414 |
16 | [웹폰트] 구글 웹폰트 lora 렉시새봄체 | 2014/08/05 | 495 |
15 | [웹폰트] 웹돋움 | 2007/09/02 | 541 |
14 | [웹폰트] 나눔고딕 웹폰트 구글 웹폰트 사용시 익스플로러 적용 안되는 문제 해결 | 2018/04/18 | 571 |
13 | [웹폰트] 나눔손글씨 붓 / 나눔손글씨 펜 (2017) | 2018/02/21 | 597 |
12 | [웹폰트] 화이트데이체 | 2007/09/02 | 691 |
11 | [웹폰트] 소야폰트 | 2007/09/02 | 759 |
10 | [웹폰트] 직접 만들어본 릭스고딕M 웹폰트와 구글본고딕, 나눔바른고딕의 비교 | 2015/08/30 | 815 |
9 | [웹폰트] 한글 웹 폰트 경량화해 사용하기 (Coderifleman, 2015.02), Noto Sans(본고딕) 웹폰트 | 2015/08/30 | 1000 |
8 | [웹폰트] 윤디자인 웹돋움 | 2007/09/02 | 1144 |
7 | [웹폰트] 아모레퍼시픽 아리따글꼴 웹폰트 | 2015/08/30 | 1172 |
6 | [웹폰트] 현대U&I웹폰트, 구글 본고딕 노토산스 | 2016/06/26 | 1328 |
5 | [웹폰트] 서브셋폰트메이커를 사용한 웹폰트 만들기 | 2015/08/30 | 1711 |