jsfiddle
  • webfonts
  • 2014-11-03 1 views 11 likes 
    11

    Google 글꼴을 JSFiddle에 포함 시키려하지만 성공하지 못했습니다. 나는 "External Resources"에 URL을 추가했지만 그것은 SCRIPT로 포함됩니다. JSFiddle에 Google 글꼴을 포함시키는 방법은 무엇입니까?

    내가 포함 할 글꼴입니다 :

    <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'> 
    

    답변

    18

    웹 글꼴은 @import를 사용하여 CSS 사분면에 포함되어야합니다 :

    @import url(//fonts.googleapis.com/css?family=Oswald:400,700,300); 
    
    +1

    URL은 http가 아니라 https 여야합니다. – Bula

    +0

    @ Bula, https 사용은 필요하지 않습니다. 그러나 브라우저가 최상의 프로토콜을 결정할 수 있도록 프로토콜을 제거했습니다. 다음을 참조하십시오 : http://stackoverflow.com/questions/18026809/google-web-fonts-on-https-pages-on-chrome – Gustavo

    0

    당신이하지 않은 경우 당신은 dataURL을 사용할 수 있습니다 어떤 URL도 온라인 상태입니다 (로컬 컴퓨터에서만 사용 가능).

    @font-face { 
        font-family: 'us101'; 
        src: url(data:font/truetype;charset=utf-8;base64,AAEAAAASAQA...); 
    } 
    
    관련 문제