Как включить шрифт Google в JSFiddle?

Я пытаюсь включить шрифт Google в JSFiddle без успеха. Я добавил URL-адрес в "внешние ресурсы", но он включен в качестве скрипта.

это шрифт, который я хочу включить:

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

2 ответов


Webfonts должны быть включены в CSS квадрант, используя @import:

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

вы можете использовать dataURL, если у вас нет url-адреса в интернете (доступно только на локальном компьютере)

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