如何在JSFiddle中包含Google字体？

Question

我试图在JSFiddle中包含Google字体，但没有成功。我将网址添加到“外部资源”，但它包含在SCRIPT中。

这是我想包括字体：

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

Answer 1

网络字体必须包含在CSS象限，使用@import：

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

Answer 2

您可以使用dataURL如果你还没有得到任何网址（只在本地计算机上可用）

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