{"action":"created","issue":{"url":"https://api.github.com/repos/torchbox/wagtail/issues/1224","labels_url":"https://api.github.com/repos/torchbox/wagtail/issues/1224/labels{/name}","comments_url":"https://api.github.com/repos/torchbox/wagtail/issues/1224/comments","events_url":"https://api.github.com/repos/torchbox/wagtail/issues/1224/events","html_url":"https://github.com/torchbox/wagtail/issues/1224","id":69964063,"number":1224,"title":"Icon fonts fail to load properly on slow connections","user":{"login":"JoshBarr","id":1715456,"avatar_url":"https://avatars.githubusercontent.com/u/1715456?v=3","gravatar_id":"","url":"https://api.github.com/users/JoshBarr","html_url":"https://github.com/JoshBarr","followers_url":"https://api.github.com/users/JoshBarr/followers","following_url":"https://api.github.com/users/JoshBarr/following{/other_user}","gists_url":"https://api.github.com/users/JoshBarr/gists{/gist_id}","starred_url":"https://api.github.com/users/JoshBarr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JoshBarr/subscriptions","organizations_url":"https://api.github.com/users/JoshBarr/orgs","repos_url":"https://api.github.com/users/JoshBarr/repos","events_url":"https://api.github.com/users/JoshBarr/events{/privacy}","received_events_url":"https://api.github.com/users/JoshBarr/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/torchbox/wagtail/labels/Cleanup/Optimisation","name":"Cleanup/Optimisation","color":"0052cc"},{"url":"https://api.github.com/repos/torchbox/wagtail/labels/Design","name":"Design","color":"207de5"},{"url":"https://api.github.com/repos/torchbox/wagtail/labels/Enhancement","name":"Enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":{"login":"davecranwell","id":352835,"avatar_url":"https://avatars.githubusercontent.com/u/352835?v=3","gravatar_id":"","url":"https://api.github.com/users/davecranwell","html_url":"https://github.com/davecranwell","followers_url":"https://api.github.com/users/davecranwell/followers","following_url":"https://api.github.com/users/davecranwell/following{/other_user}","gists_url":"https://api.github.com/users/davecranwell/gists{/gist_id}","starred_url":"https://api.github.com/users/davecranwell/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davecranwell/subscriptions","organizations_url":"https://api.github.com/users/davecranwell/orgs","repos_url":"https://api.github.com/users/davecranwell/repos","events_url":"https://api.github.com/users/davecranwell/events{/privacy}","received_events_url":"https://api.github.com/users/davecranwell/received_events","type":"User","site_admin":false},"milestone":null,"comments":9,"created_at":"2015-04-21T22:07:17Z","updated_at":"2015-04-22T12:58:44Z","closed_at":null,"body":"We just had a user try to access the CMS from a tethered mobile device, and they were worried about all the \"q\" characters showing up in the admin interface before the fonts loaded... I think possibly their connection closed before the whole font downloaded, so they had a mix of icons and placeholder characters showing up in their interface.  \r\n\r\nIs there a way we could more gracefully handle the flash of unstyled content, or preload the typefaces ahead of showing the UI? \r\n"},"comment":{"url":"https://api.github.com/repos/torchbox/wagtail/issues/comments/95164578","html_url":"https://github.com/torchbox/wagtail/issues/1224#issuecomment-95164578","issue_url":"https://api.github.com/repos/torchbox/wagtail/issues/1224","id":95164578,"user":{"login":"JoshBarr","id":1715456,"avatar_url":"https://avatars.githubusercontent.com/u/1715456?v=3","gravatar_id":"","url":"https://api.github.com/users/JoshBarr","html_url":"https://github.com/JoshBarr","followers_url":"https://api.github.com/users/JoshBarr/followers","following_url":"https://api.github.com/users/JoshBarr/following{/other_user}","gists_url":"https://api.github.com/users/JoshBarr/gists{/gist_id}","starred_url":"https://api.github.com/users/JoshBarr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JoshBarr/subscriptions","organizations_url":"https://api.github.com/users/JoshBarr/orgs","repos_url":"https://api.github.com/users/JoshBarr/repos","events_url":"https://api.github.com/users/JoshBarr/events{/privacy}","received_events_url":"https://api.github.com/users/JoshBarr/received_events","type":"User","site_admin":false},"created_at":"2015-04-22T12:58:44Z","updated_at":"2015-04-22T12:58:44Z","body":"We've been using a CSS file with base64 encoded SVGs through Grunticon, like this: [Kiwibank sprite sheet](http://kiwibank.co.nz/assets-personal-banking/css/icons.data.svg.css)\r\n\r\nIf you're not worried about IE8 support (falls back to PNGs), then inline is possibly better and requires less ceremony than Grunticon to get up and running. \r\n\r\n@tomdyson sure thing, I think we could swap out the icons to SVG for you. \r\n\r\n"}}