이온디
17.08.02
조회 수 413
추천 수 0
댓글 0
Extra Form
첨부 1501648095343.jpg, 1501648558506.jpg, YoonGothicPro_kakaobank.zip,

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


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


이온디 님의 SIGNATURE

profile

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

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

댓글 0
댓글 쓰기 권한이 없습니다.
2016.06.26
조회 410
웹폰트 OneLatin webfont
2018.04.09
조회 18
2018.02.21
조회 32
2018.01.03
조회 61
캘리폰트 캘리폰트
2018.01.03
조회 19
2017.06.07
조회 128
2017.03.31
조회 2392
2016.07.18
조회 268
2016.06.06
조회 1824
2016.05.16
조회 642
2016.05.12
조회 2136
2016.05.10
조회 697
2016.05.04
조회 391
2
1 5