1. Home
  2. 테마 관리
  3. 웹 폰트 설치 방법
  4. 구글 웹 폰트 이용

구글 웹 폰트 이용

본문은 ‘KoPub Batang’ 폰트를 예시로 했습니다.

 

구글 웹 폰트를 이용한 방법입니다.

구글의 ‘Google Fonts : Early Access’ 에 접속하시면 아래와 같은 화면이 나타나게 됩니다.

워드프레스_구글웹폰트_이용_코드엠샵1. Link

1번의 영역을 복사하신 다음 차일드 테마의 style.css 또는 테마의 커스텀 영역에 추가해주시기 바랍니다.

CSS 파일에서 @import 링크 추가 시 아래에 추가하게 되면 웹 폰트가 정상적으로 로드 되지않기 때문에
파일 상단에 추가해주시기 바랍니다.

 

2. Example

1번의 CSS 파일에서 아래 이미지를 참고하여 태그, ID, Class에 Example 을 추가하여 웹 폰트를 적용합니다.

1번과 2번의 설정이 끝나셨다면 저장 버튼을 누르신 후 홈페이지에 적용이 되었는지 확인하시면 됩니다.

Was this article helpful to you? Yes No