폰트질문드리겠습니다
본문
안녕하세요 폰트 질문좀 드리겠습니다
크롬에서는 잘적용되는데 익스에서는 아예 다른폰트가 적용되는데 왜그런걸까요
@font-face{
font-family:jua;
src:url('/font/NanumGothic.eot');
src:local(※),
url('/font/NanumGothic.woff') format('woff');
}
@font-face{
font-family:jua;
src:url('/font/Daum_SemiBold.eot');
src:local(※),
url('/font/Daum_SemiBold.woff') format('woff');
}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Daum_SemiBold' 'Daum_SemiBold', 'Daum_SemiBold';}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Daum_SemiBold' 'Daum_SemiBold', 'Daum_SemiBold';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.test123 {font-family:'Daum-SemiBold', 'Daum-SemiBold', 'Daum-SemiBold';font-size:14px; font-weight:700; color:#5D5D5D;}
답변 1
font-family:jua 가 아니라 이름을 맞게 지정해 보세요.
다음과 나눔고딕 사용하는 이름으로요.
다음과 나눔고딕 사용하는 이름으로요.
font-family:Daum_SemiBold;
이렇게 변경해도 동일합니다
그누보드5의 default.css에 지정해서 사용하시는 것이라면
경로를
url('/font/NanumGothic.eot');
에서
url('../font/NanumGothic.eot');
와 같은 형태로 수정해 보시고요.(다른 경로도 같이 수정해주시고요.)
그리고,
font-family:'Daum_SemiBold' 'Daum_SemiBold', 'Daum_SemiBold'
부분은 왜 이렇게 3번씩 적어 주신지 모르겠네요.
font-family:'Daum_SemiBold'
이렇게만 적으시고요. 만일 대체폰트를 지정한다면
font-family:'Daum_SemiBold', serif
와 같이 하시고요. 폰트 지정 사이에 세미콜론(,)이 하나 빠져 있습니다.
전체 수정한 소스는
@font-face{
font-family:Nanum;
src:url('../font/NanumGothic.eot');
src:local(※),
url('../font/NanumGothic.woff') format('woff');
}
@font-face{
font-family:Daum;
src:url('../font/Daum_SemiBold.eot');
src:local(※),
url('../font/Daum_SemiBold.woff') format('woff');
}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Daum', serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Daum', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.test123 {font-family:'Daum', serif;font-size:14px; font-weight:700; color:#5D5D5D;}
이런 형식이 되겠네요.
답변을 작성하시기 전에 로그인 해주세요.
