웹폰트를 다운받아 적용할대 CSS에 쓰는 부분.. 채택완료
일단 웹폰트를 다운 받아 변환하고 서버에 올렸습니다.
http://blog.naver.com/naan_ace?Redirect=Log&logNo=220073900577">http://blog.naver.com/naan_ace?Redirect=Log&logNo=220073900577
요기를 보고 했습니다.
서버에 ttf 라는 폴더에 넣었습니다.
그리고 디폴트 CSS를 수정중인데요.;;;
</p><p>@charset "utf-8";
@font-face{</p><p> font-family:"Nanum Gothic";
src:url('../../ttf/NanumGothic.eot');
src:url('../../ttf/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('../../ttf/NanumGothic.woff') format('woff'),
url('../../ttf/NanumGothic.ttf') format('truetype');
url('../../ttf/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('../../ttf/NanumGothic.woff') format('woff');</p><p> </p><p>/* SIR 지운아빠 */</p><p>/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:NanumGothic}
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:NanumGothic}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}</p><p>#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:NanumGothic;font-size:1em}
button {cursor:pointer}</p><p> </p><p>
이렇게 했는데 맞게 한걸까요?
적용이 안되는거 같습니다..ㅠㅠ
답변 3개
@font-face{
font-family:"Nanum Gothic";
src:url('/css/fonts/NanumGothic.eot');
src:url('/css/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/css/fonts/NanumGothic.woff') format('woff'),
url('/css/fonts/NanumGothic.ttf') format('truetype');
url('/css/fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/css/fonts/NanumGothic.woff') format('woff');
}
저도 이렇게 사용중이에요 위 처럼 폰트 정의해주고 적용할곳에
#tit_js {
font-family:'Nanum Gothic',sans-serif;
font-size:22px;
font-weight:bold;
color:#4d4d5f;
}
이렇게 사용하시면 됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</p><p><span style="font-family: Inconsolata, monospace; font-size: 13.3333330154419px; line-height: normal; background-color: rgb(255, 255, 224);">@import url(<a href="<a href="http://fonts.googleapis.com/earlyaccess/" target="_blank" rel="noopener noreferrer">http://fonts.googleapis.com/earlyaccess/</a>"><a href="http://fonts.googleapis.com/earlyaccess/" target="_blank" rel="noopener noreferrer">http://fonts.googleapis.com/earlyaccess/</a></a></span><b style="font-family: Inconsolata, monospace; font-size: 13.3333330154419px; line-height: normal;">nanumgothic.css</b><span style="font-family: Inconsolata, monospace; font-size: 13.3333330154419px; line-height: normal; background-color: rgb(255, 255, 224);">);</span></p><p><span style="font-size: 10pt; line-height: 1.5;">body {</span><span style="font-family: Inconsolata, monospace; font-size: 13.3333330154419px; line-height: normal; background-color: rgb(255, 255, 224);">font-family: '</span><b style="font-family: Inconsolata, monospace; font-size: 13.3333330154419px; line-height: normal;">Nanum Gothic</b><span style="font-family: Inconsolata, monospace; font-size: 13.3333330154419px; line-height: normal; background-color: rgb(255, 255, 224);">', serif;</span><span style="font-size: 10pt; line-height: 1.5;"></span><span style="font-size: 10pt; line-height: 1.5;">}</span></p><p>
이렇게 간단하게 사용가능하세요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
#tit_js {
font-family:'Nanum Gothic',sans-serif;
font-size:22px;
font-weight:bold;
color:#4d4d5f;
}
이 부분은 따로 넣어야 하는건가요? ㅠㅠ