{"action":"opened","issue":{"url":"https://api.github.com/repos/nasa/code-nasa-gov/issues/3","repository_url":"https://api.github.com/repos/nasa/code-nasa-gov","labels_url":"https://api.github.com/repos/nasa/code-nasa-gov/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/nasa/code-nasa-gov/issues/3/comments","events_url":"https://api.github.com/repos/nasa/code-nasa-gov/issues/3/events","html_url":"https://github.com/nasa/code-nasa-gov/issues/3","id":174905943,"number":3,"title":"Switch to asynchronously Web Font loading","user":{"login":"addyosmani","id":110953,"avatar_url":"https://avatars.githubusercontent.com/u/110953?v=3","gravatar_id":"","url":"https://api.github.com/users/addyosmani","html_url":"https://github.com/addyosmani","followers_url":"https://api.github.com/users/addyosmani/followers","following_url":"https://api.github.com/users/addyosmani/following{/other_user}","gists_url":"https://api.github.com/users/addyosmani/gists{/gist_id}","starred_url":"https://api.github.com/users/addyosmani/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/addyosmani/subscriptions","organizations_url":"https://api.github.com/users/addyosmani/orgs","repos_url":"https://api.github.com/users/addyosmani/repos","events_url":"https://api.github.com/users/addyosmani/events{/privacy}","received_events_url":"https://api.github.com/users/addyosmani/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-03T17:02:40Z","updated_at":"2016-09-03T17:02:40Z","closed_at":null,"body":"We rely on quite a few different web fonts served from a Google CDN. If we switched to a Web Font Loader (like [this](https://github.com/typekit/webfontloader)) and used it asynchronously we would avoid blocking the page while loading in Angular and Bootstrap. \r\n\r\n```html\r\n<link href='//fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>\r\n<link href='//fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>\r\n<link href='//fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>\r\n<link href='//fonts.googleapis.com/css?family=Exo+2:400,600,700' rel='stylesheet' type='text/css'>\r\n<link href='//fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>\r\n```\r\n\r\nDownside to this is if we use it asynchronously, the rest of the page might render before the Web Font Loader is loaded and executed, which might intro some FOUC.\r\n\r\nAsking for general thoughts here before working on a PR. cc @samccone "}}
{"actor":{"display_login":"addyosmani"}}