개발 공부/웹
[카페24] 폰트 추가하기 / 폰트 여러개 / 폰트 수정 / css font
yong_DD
2021. 7. 2. 00:06
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";
}