라이트 박스의 캡션 글꼴을 변경하는 방법은 무엇입니까?

Question

jQuery를 사용하여 약 lightboxes을 개발했습니다. 그러나 캡션의 글꼴이 내 웹 사이트 스타일에 맞지 않는다는 것을 알았습니다. 누군가이 자막의 웹 글꼴을 변경하는 방법에 대한 아이디어가 있는지 알고 싶습니다 ...

Answer 1

글꼴은 부모 div 및 하위 요소 클래스 또는 특성을 대상으로 지정하고 글꼴 패밀리를 지정하여 변경됩니다.

예컨대

<div class="light-box-sample"> 
    <p> this could be a text</p> 
</div> 

귀하의 CSS는

.light-box-sample p { 
    font-family: 'open sans' sans-serif; 
} 

참고과 같아야합니다 못해 마법, 자식 요소도 대상으로해야 할 .light 박스 샘플을 대상으로.

자식 요소가 없으면 부모 div를 대상으로 지정할 수 있습니다.

위의 CSS에서 첫 번째 글꼴은 범용 글꼴을 나타내며 두 ​​번째 글꼴은 이름 사이에 공백이있을 때 사용됩니다. 두 번째 글꼴은 모든 PC에있는 백업 글꼴을 나타냅니다.

일반적으로 먼저 글꼴을 다운로드하고 PC에 로컬로 설치하여 개발 환경에 영향을 주어야하며 원하는 내용을 변경하면 글꼴의 CDN 링크를 헤드에 추가 할 수 있습니다 섹션 또는 어떤 방식 으로든 디자인에 적용되므로 해당 글꼴이없는 컴퓨터 사용자도 글꼴 목록을 볼 수 있습니다.

희망이 :-)