[워드프레스 블로그 만들기 #08] 폰트 업로드 적용 안될 때 CSS 코드 작성법

2025-04-03 인생디자이너 쑤

지난 글에서 Custom Fonts 플러그인을 통하여 워드프레스에 폰트 업로드를 해 보았는데, 컬러매그 테마는 그 방법으로 폰트 적용이 되지 않았습니다.

이처럼 테마의 설정에 따라 폰트 업로드 적용이 안되는 경우에는 CSS 코드를 작성하여 폰트를 적용할 수 있습니다.

폰트 업로드

Custom Fonts 플러그인을 통하여 업로드한 폰트의 URL 주소를 찾아서 사용해도 되지만, 저는 폰트 폴더를 따로 만들기로 했습니다.

FTP 설치하는 방법을 참고하셔서 FTP로 웹호스팅에 접속, /wp-content/uploads 폴더에 fonts 폴더를 생성하고 설치하고 싶은 폰트 파일을 업로드합니다.

저는 프리텐다드 woff2 파일을 업로드하였습니다.

CSS 코드 작성

워드프레스 모양 > 사용자 정의 > 추가 CSS를 클릭하여 아래의 코드를 참고하여 코드를 작성합니다.

URL 주소 및 폰트를 나에게 맞게 수정하시면 됩니다.

@font-face {
    font-family: 'Pretendard';
    src: url(/wp-content/uploads/fonts/Pretendard.woff2) format('woff2'),
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
}

Default 폰트가 프리텐다드 폰트로 변경되었습니다.