html
  • css
  • fonts
  • 2016-06-17 3 views 0 likes 
    0

    같은 글꼴 이름을 사용하는 글꼴 저장소의 글꼴을 사용하고 있습니다. 예를 들어, 두 개의 서로 다른 글꼴 수 있습니다 : 위의 링크를 모두 포함이름이 같은 외부 글꼴에 연결 하시겠습니까?

    <link href="//db.onlinewebfonts.com/c/edeb336ecd776e23d99355eb2b52cbc7?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'> 
    
    <link href="//db.onlinewebfonts.com/c/[some other random character string]?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'> 
    

    내 페이지의 <head> 글꼴의 두 번째 버전은 CSS에서 NeuzeitGroteskW01-Regular로 참조 년대 하나가 될 것을 의미합니다. 외부 서버에서 동일한 이름을 가진 여러 글꼴을 사용하는 방법이 있습니까?

    답변

    2

    CSS 규칙을 덮어 쓰는 것이 기능의 대부분을 차지하기 때문에 "깨끗한"방법은 없습니다.

    XHR을 사용하여 자바 스크립트로 CSS를로드하고 XHR 응답의 글꼴 이름을 바꿔서 insertRule과 함께 CSS 규칙으로 새 문자열을 추가 할 수 있습니다.

    다시 말하지만 깨끗하지는 않지만 속임수를 사용해야합니다. 여기에 insertRule에 대한 정보가 있습니다.

    CSSStyleSheet.insertRule()

    +0

    실제로 가장 깨끗한 접근 방식은 아니지만 흥미로운 아이디어입니다. 감사! – Boa

    관련 문제