워드프레스 레볼루션 슬라이더에서 폰트 변경하기

레볼루션 슬라이더(Revolution Slider)에서 글꼴 목록에 없거나 추후에 슬라이드를 수정하지 않고 CSS를 통해 폰트(또는 다른 속성)를 변경하려면 요소 검사를 통해 해당 요소에 폰트나 다른 속성을 적용해주면 됩니다. 예를 들어, 모든 글자의 폰트를 변경하려면 요소 검사를 해 보면: Revolution Slider caption 그림과 같이 모든 글자에 영향을 미치는 DIV에는 tp-caption이라는 클래스가 추가되어 있음을 알 수 있습니다. 이 경우 다음과 같은 코드를 테마의 스타일시트에 추가해주면 됩니다. (워드프레스 스타일시트에 사용자 CSS를 추가하는 방법은 여기를 참고하시기 바랍니다.)

.tp-caption {
  font-family: 'Nanum Gothic'!important;
}

나눔 글꼴을 이용하려면 스타일시트에 다음 라인을 추가해주시면 됩니다:
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

만약 특정 슬라이드에 대해서만 글꼴을 변경하려면 해당 슬라이드의 ID 요소를 검사하여 앞에 추가해주면 되겠죠?
Revolution Slider ID
예를 들어 위와 같은 경우에는 #rev_slider_9_1_wrapper 또는 #rev_slider_9_1을 추가하여 테스트해보면 개별 슬라이드에 대한 글꼴이나 속성이 변경됨을 확인할 수 있을 것입니다.


댓글 남기기

* 이메일 주소는 공개되지 않습니다.