메뉴 보이기

웹폰트

카카오뱅크 홈페이지에서 사용하는 웹폰트
2017.08.02 조회 581 댓글 0

출처 : 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


파일 정보는 다음과 같습니다.


이 글이 마음에 드셨나요?지인과 공유해보세요.

이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

댓글0