안녕하세요 폰트 질문좀 드리겠습니다
크롬에서는 잘적용되는데 익스에서는 아예 다른폰트가 적용되는데 왜그런걸까요
Copy
@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개 / 댓글 2개
채택된 답변
+20 포인트
9년 전
font-family:jua 가 아니라 이름을 맞게 지정해 보세요.
다음과 나눔고딕 사용하는 이름으로요.
다음과 나눔고딕 사용하는 이름으로요.
답변에 대한 댓글 2개
fldkfem1
9년 전
9년 전
그누보드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
와 같이 하시고요. 폰트 지정 사이에 세미콜론(,)이 하나 빠져 있습니다.
전체 수정한 소스는
[code]
@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;}
[/code]
이런 형식이 되겠네요.
경로를
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
와 같이 하시고요. 폰트 지정 사이에 세미콜론(,)이 하나 빠져 있습니다.
전체 수정한 소스는
[code]
@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;}
[/code]
이런 형식이 되겠네요.
답변을 작성하려면 로그인이 필요합니다.
이렇게 변경해도 동일합니다