개발 공부/웹

[카페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"; 
}