2014-11-03 22 views
11

Sto cercando di includere un font Google in JSFiddle senza successo. Ho aggiunto l'URL a "Risorse esterne" ma è incluso come uno SCRIPT.Come includere Google Font in JSFiddle?

Questo è il tipo di carattere che voglio includere:

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

risposta

18

webfonts devono essere inclusi nel quadrante CSS, utilizzando @import:

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

Deve essere https anziché http nell'URL. – Bula

+0

@Bula, l'uso di https non è richiesto. Tuttavia, è stato rimosso il protocollo per consentire al browser di scegliere il migliore. Vedi qui: http://stackoverflow.com/questions/18026809/google-web-fonts-on-https-pages-on-chrome – Gustavo

0

È possibile utilizzare DataURL se non l'hai qualsiasi URL in linea (disponibile solo su computer locale)

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