폰트 질문이요
본문
www/theme/basic/css/fonts/
@font-face {font-family:'AppleSDGothicNeoL';
src:url('./fonts/AppleSDGothicNeoL.eot');
src:url('./fonts/AppleSDGothicNeoL.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoL.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoL.ttf') format('truetype');
font-weight:400;
font-style:normal;
}
@font-face {font-family:'AppleSDGothicNeoM';
src:url('./fonts/AppleSDGothicNeoM.eot');
src:url('./fonts/AppleSDGothicNeoM.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoM.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoM.ttf') format('truetype');
font-weight:500;
font-style:normal;
}
@font-face {font-family:'AppleSDGothicNeoB';
src:url('./fonts/AppleSDGothicNeoB.eot');
src:url('./fonts/AppleSDGothicNeoB.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoB.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoB.ttf') format('truetype');
font-weight:700;
font-style:normal;
}
@font-face {font-family:'AppleSDGothicNeoEB';
src:url('./fonts/AppleSDGothicNeoEB.eot');
src:url('./fonts/AppleSDGothicNeoEB.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoEB.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoEB.ttf') format('truetype');
font-weight:900;
font-style:normal;
}
body {font-family:'Apple SD Gothic Neo';font-style:normal;}
PC에 Apple SD Gothic Neo 폰트를 적용시키고싶은데 어디가 틀린건가요? 글씨가 안먹혀요
답변 1
@font-face {font-family:'AppleSDGothicNeoL';
선언을 한 것과
body {font-family:'Apple SD Gothic Neo';font-style:normal;}
불러서 쓰는게 다르지 않나요?
@font-face {font-family:'Apple SD Gothic Neo';
src:url('./fonts/AppleSDGothicNeoL.eot');
src:url('./fonts/AppleSDGothicNeoL.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoL.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoL.ttf') format('truetype');
font-weight:400;
font-style:normal;
}
@font-face {font-family:'Apple SD Gothic Neo';
src:url('./fonts/AppleSDGothicNeoM.eot');
src:url('./fonts/AppleSDGothicNeoM.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoM.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoM.ttf') format('truetype');
font-weight:500;
font-style:normal;
}
@font-face {font-family:'Apple SD Gothic Neo';
src:url('./fonts/AppleSDGothicNeoB.eot');
src:url('./fonts/AppleSDGothicNeoB.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoB.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoB.ttf') format('truetype');
font-weight:700;
font-style:normal;
}
@font-face {font-family:'Apple SD Gothic Neo';
src:url('./fonts/AppleSDGothicNeoEB.eot');
src:url('./fonts/AppleSDGothicNeoEB.eot?#iefix') format(‘embedded-opentype’), url('./fonts/AppleSDGothicNeoEB.woff') format(‘woff’), url('./fonts/AppleSDGothicNeoEB.ttf') format('truetype');
font-weight:900;
font-style:normal;
}
이렇게 바꿔봤는데도 안돼네요 ㅠㅠ
src 부분의 경로는 정확한가요?
fonts 라는 폴더는 어디에 위치해 있나요. eot 파일 또는 웹폰트에 사용될 폰트는 다운받아서 폴더에 넣어두셨나요? 천천히 체크해보세요 ^^
@내가누구야
www/theme/basic/css/default.css 에서 위에 코드 작성한거구요
www/theme/basic/css/fonts 에 폰트들 넣어놨어요
질문에서 맨위에 fonts 파일도 확인해보시면 폴더에 넣어둔게 잘못된걸까요 ??
EOT의 경우 IE브라우저가 아닌경우 지원하지 않는 것으로 알고 있습니다.
https://d2.naver.com/helloworld/4969726
참조하시면 좋은 공부가 될 것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
