{"action":"created","issue":{"url":"https://api.github.com/repos/craftyjs/Crafty/issues/968","labels_url":"https://api.github.com/repos/craftyjs/Crafty/issues/968/labels{/name}","comments_url":"https://api.github.com/repos/craftyjs/Crafty/issues/968/comments","events_url":"https://api.github.com/repos/craftyjs/Crafty/issues/968/events","html_url":"https://github.com/craftyjs/Crafty/issues/968","id":115120754,"number":968,"title":"How can I use web fonts / google fonts?","user":{"login":"ashes999","id":18432,"avatar_url":"https://avatars.githubusercontent.com/u/18432?v=3","gravatar_id":"","url":"https://api.github.com/users/ashes999","html_url":"https://github.com/ashes999","followers_url":"https://api.github.com/users/ashes999/followers","following_url":"https://api.github.com/users/ashes999/following{/other_user}","gists_url":"https://api.github.com/users/ashes999/gists{/gist_id}","starred_url":"https://api.github.com/users/ashes999/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ashes999/subscriptions","organizations_url":"https://api.github.com/users/ashes999/orgs","repos_url":"https://api.github.com/users/ashes999/repos","events_url":"https://api.github.com/users/ashes999/events{/privacy}","received_events_url":"https://api.github.com/users/ashes999/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-04T18:45:35Z","updated_at":"2015-11-05T23:09:52Z","closed_at":null,"body":"Hi,\r\n\r\nI want to use Google Fonts, which (from the forums) looks like it's supported, but I'm not clear on how to go about adding it.\r\n\r\nHere's [a quick JSFiddle that works](https://jsfiddle.net/rhr595mr/). Sort of.\r\n\r\nIt loads two fonts from Google (Indie Flower and Scheherazade for English and Arabic respectively). When you load the fiddle in Chrome (Windows and Ubuntu), you don't see the fonts apply until you resize the windows. If you hit \"Run\" about ten times, you should see the fonts apply approximately twice.\r\n\r\nThis is also probably specific to JSFiddle, but I had to import the fonts through JS, which is ugly:\r\n\r\n```\r\nWebFontConfig = {\r\n    google: { families: [ 'Scheherazade::arabic,latin', 'Indie+Flower::latin' ] }\r\n  };\r\n  (function() {\r\n    var wf = document.createElement('script');\r\n    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +\r\n      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';\r\n    wf.type = 'text/javascript';\r\n    wf.async = 'true';\r\n    var s = document.getElementsByTagName('script')[0];\r\n    s.parentNode.insertBefore(wf, s);\r\n  })();\r\n```\r\n\r\nMy specific questions:\r\n\r\n1) Is this the right way to include web fonts (minus how I loaded them)?\r\n2) Is there a work-around for the refresh issue?\r\n"},"comment":{"url":"https://api.github.com/repos/craftyjs/Crafty/issues/comments/154225389","html_url":"https://github.com/craftyjs/Crafty/issues/968#issuecomment-154225389","issue_url":"https://api.github.com/repos/craftyjs/Crafty/issues/968","id":154225389,"user":{"login":"ashes999","id":18432,"avatar_url":"https://avatars.githubusercontent.com/u/18432?v=3","gravatar_id":"","url":"https://api.github.com/users/ashes999","html_url":"https://github.com/ashes999","followers_url":"https://api.github.com/users/ashes999/followers","following_url":"https://api.github.com/users/ashes999/following{/other_user}","gists_url":"https://api.github.com/users/ashes999/gists{/gist_id}","starred_url":"https://api.github.com/users/ashes999/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ashes999/subscriptions","organizations_url":"https://api.github.com/users/ashes999/orgs","repos_url":"https://api.github.com/users/ashes999/repos","events_url":"https://api.github.com/users/ashes999/events{/privacy}","received_events_url":"https://api.github.com/users/ashes999/received_events","type":"User","site_admin":false},"created_at":"2015-11-05T23:09:52Z","updated_at":"2015-11-05T23:09:52Z","body":"2) That's awesome, thanks.\r\n1) So is this the right/best/recommended way to use google fonts?\r\n"}}