1. 카페24 FTP에 개인 폴더를 만들어서 안에 font 폴더를 만들었습니다. - 생략가능!
(폴더는 자유롭게 만들면 됩니다.)
2. font 파일 안에 적용할 폰트 파일을 넣습니다.
- FTP에 넣기만 파일을 넣기만 하면 됩니다!
저는 나눔고딕이랑 나눔고딕코딩을 넣었습니다.
3. font.css파일을 생성합니다.
@font-face {
font-family: "NanumGothicCoding";
src: url("web/yongd/font/Nanum/NanumGothicCoding.ttf");
}
@font-face {
font-family: "NanumGothic-regular";
src: url("web/yongd/font/Nanum/NanumGothic.ttf");
}
@font-face {
font-family: "NanumGothic-Bold";
src: url("web/yongd/font/Nanum/NanumGothicBold.ttf");
}
원하는 폰트를 넣어주시면 됩니다.
font-family 이름은 원하시는대로 적어주시면 됩니다.
(저는 몰라서 한참 찾았어요...)
4. font.css를 FTP에 넣어줍니다.
저는 /sde_design/base/layout/basic/css에 넣어줬어요!
5. 원하는 css 코드에 넣어주면 끝!
.test{
font-family: "NanumGothicCoding";
}
'개발 공부 > 웹' 카테고리의 다른 글
[카페24] jQuery 이미지에 마우스 올리면 상세 내역 뜨게 하기 /mouseenter/mouseleave/id (0) | 2021.07.08 |
---|