워드프레스 폰트 추가하는 방법 font-family CSS

폰트 패밀리 추가하는 방법

워드프레스에서 원하는 폰트를 적용하려면 font-family 속성을 사용해야 합니다. font-family 속성은 웹 페이지에 표시할 글꼴의 목록을 지정합니다. 예를 들어, 다음과 같이 스타일시트에 작성할 수 있습니다.

p { font-family: Arial, Helvetica, sans-serif; }

이렇게 하면 모든 p 태그에 Arial 폰트가 적용됩니다. 만약 Arial 폰트가 사용자의 컴퓨터에 없다면 Helvetica 폰트가 대신 사용됩니다. 그리고 Helvetica도 없다면 sans-serif라는 글꼴 계열 중 하나가 사용됩니다. 이렇게 여러 개의 폰트를 나열하는 것을 폰트 스택(font stack)이라고 합니다.

만약 전체 글에서 Noto Sans KR, sans-serif를 추가하려면 아래와 같은 코드를 사용하면 됩니다. 

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



CSS 바꾸기

워드프레스에서는 테마에 따라 기본적으로 제공되는 폰트가 다릅니다. 따라서 특정 테마에서만 원하는 폰트를 적용하고 싶다면 테마의 스타일시트를 수정해야 합니다. 테마의 스타일시트는 대시보드의 외관 > 편집기 메뉴에서 찾을 수 있습니다. 스타일시트 파일은 보통 style.css라는 이름으로 저장되어 있습니다. 이 파일을 열어서 원하는 태그나 클래스에 font-family 속성을 추가하거나 변경하면 됩니다.


플러그인 사용하기

또 다른 방법은 워드프레스의 플러그인을 사용하는 것입니다. 예를 들어, Easy Google Fonts라는 플러그인은 구글 폰트를 쉽게 적용할 수 있도록 도와줍니다. 이 플러그인을 설치하고 활성화한 후에는 대시보드의 외관 > 사용자 정의 메뉴에서 폰트를 선택하고 미리보기할 수 있습니다. 원하는 폰트가 없다면 구글 폰트 사이트에서 더 많은 폰트를 찾아볼 수 있습니다.

워드프레스에서 폰트를 변경하는 방법은 여러 가지가 있습니다. 자신의 사이트에 어울리는 폰트를 찾아서 적용해보세요.


다음 이전