웹폰트 적용방법

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
웹폰트 적용방법

QA

웹폰트 적용방법

답변 2

본문

 

@font-face {

  font-family: "NotoSans bold";

  src: url('../font/NotoSans-Bold.woff') format('woff');

  src: url('../font/NotoSans-Bold.eot') format('embedded-opentype');

}

 

 

/* 초기화 */

html {overflow-y:scroll}

body {margin:0;padding:0;font-size:0.75em;font-family:"NotoSans kr"}

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:"NotoSans kr"}

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:"NotoSans kr";font-size:1em}

button {cursor:pointer}

 

textarea, select {font-family:"NotoSans kr";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:#bbb;text-decoration:none}

a:hover, a:focus, a:active {color:#bbb;text-decoration:underline} 

 

 

이렇게 적용했는데 웹폰트가 나오질 않습니다..ㅠㅠ

파일은 html/font 위치에 저 폰트명과 확장자로 업로드해놨는데,.

뭐가문제일까요? 제가 뭘 덜썼나요..? 도와주세요

 

 

이 질문에 댓글 쓰기 :

답변 2

폰트 이름을 NotoSans bold로 설정 하시고 본문에서 NotoSans kr로 적용하신 거 같은데요. 

 

폰트의 위치(경로)가 정확하다면 분문에서 "NotoSans bold"로 폰트명을 적어주시면 될 거 같네요.

 

font-family: 'Noto Sans', sans-serif
 

font-weight:700 또는 Bold 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 4
© SIRSOFT
현재 페이지 제일 처음으로