Noto폰트 문제 다시 올려봅니다. -,-; 채택완료
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이지산기</title>
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:400,500,700,900" rel="stylesheet">
<style>
/* reset browser styles */
html, body, div, span, applet?, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img{
border:0;
}
/* end reset browser styles */
span:first-child{
font:400 40px 'Noto Sans KR', sans-serif;
color:black;
display:block;
width:600px;
height:200px;
border:1px solid grey;
}
span:last-child{
font:400 40px 'Nanum Gothic', sans-serif;
color:black;
display:block;
width:600px;
height:200px;
border:1px solid grey;
}
</style>
</head>
<span>노토산스</span>
<span>나눔고딕</span>
</body>
</html>
이 것을 크롬과 익스에서 비교를 해보시면
나눔고딕은 같은데, 노토는 글자 위치(top)가 서로 차이가 납니다..ㅠ..ㅠ
답변 1개
노토산스가 더 벌어지는건 폰트 특성이라 어쩔 수 없습니다.
폰트를 바꾸면 그에 맞게 맞춰야 합니다.
그게 아닌 단순히 익스와 크롬 비교라면 차이가 없는걸로 확인됩니다.
엣지, 익스, 크롬 순입니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인