如何在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...); 
}