{"action":"created","issue":{"url":"https://api.github.com/repos/ampproject/amphtml/issues/12262","repository_url":"https://api.github.com/repos/ampproject/amphtml","labels_url":"https://api.github.com/repos/ampproject/amphtml/issues/12262/labels{/name}","comments_url":"https://api.github.com/repos/ampproject/amphtml/issues/12262/comments","events_url":"https://api.github.com/repos/ampproject/amphtml/issues/12262/events","html_url":"https://github.com/ampproject/amphtml/issues/12262","id":278160035,"number":12262,"title":"amp-font not recognizing loaded font on iOS","user":{"login":"hctom","id":8543951,"avatar_url":"https://avatars1.githubusercontent.com/u/8543951?v=4","gravatar_id":"","url":"https://api.github.com/users/hctom","html_url":"https://github.com/hctom","followers_url":"https://api.github.com/users/hctom/followers","following_url":"https://api.github.com/users/hctom/following{/other_user}","gists_url":"https://api.github.com/users/hctom/gists{/gist_id}","starred_url":"https://api.github.com/users/hctom/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hctom/subscriptions","organizations_url":"https://api.github.com/users/hctom/orgs","repos_url":"https://api.github.com/users/hctom/repos","events_url":"https://api.github.com/users/hctom/events{/privacy}","received_events_url":"https://api.github.com/users/hctom/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"aghassemi","id":2099009,"avatar_url":"https://avatars3.githubusercontent.com/u/2099009?v=4","gravatar_id":"","url":"https://api.github.com/users/aghassemi","html_url":"https://github.com/aghassemi","followers_url":"https://api.github.com/users/aghassemi/followers","following_url":"https://api.github.com/users/aghassemi/following{/other_user}","gists_url":"https://api.github.com/users/aghassemi/gists{/gist_id}","starred_url":"https://api.github.com/users/aghassemi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aghassemi/subscriptions","organizations_url":"https://api.github.com/users/aghassemi/orgs","repos_url":"https://api.github.com/users/aghassemi/repos","events_url":"https://api.github.com/users/aghassemi/events{/privacy}","received_events_url":"https://api.github.com/users/aghassemi/received_events","type":"User","site_admin":false},"assignees":[{"login":"aghassemi","id":2099009,"avatar_url":"https://avatars3.githubusercontent.com/u/2099009?v=4","gravatar_id":"","url":"https://api.github.com/users/aghassemi","html_url":"https://github.com/aghassemi","followers_url":"https://api.github.com/users/aghassemi/followers","following_url":"https://api.github.com/users/aghassemi/following{/other_user}","gists_url":"https://api.github.com/users/aghassemi/gists{/gist_id}","starred_url":"https://api.github.com/users/aghassemi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aghassemi/subscriptions","organizations_url":"https://api.github.com/users/aghassemi/orgs","repos_url":"https://api.github.com/users/aghassemi/repos","events_url":"https://api.github.com/users/aghassemi/events{/privacy}","received_events_url":"https://api.github.com/users/aghassemi/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/ampproject/amphtml/milestones/20","html_url":"https://github.com/ampproject/amphtml/milestone/20","labels_url":"https://api.github.com/repos/ampproject/amphtml/milestones/20/labels","id":1884542,"number":20,"title":"Pending Triage","description":"These issues need to get put into another milestone. They should be assigned to the person who can best decide the appropriate milestone. Optionally, the issue can then be assigned to the most likely implementer.","creator":{"login":"rudygalfi","id":3888212,"avatar_url":"https://avatars3.githubusercontent.com/u/3888212?v=4","gravatar_id":"","url":"https://api.github.com/users/rudygalfi","html_url":"https://github.com/rudygalfi","followers_url":"https://api.github.com/users/rudygalfi/followers","following_url":"https://api.github.com/users/rudygalfi/following{/other_user}","gists_url":"https://api.github.com/users/rudygalfi/gists{/gist_id}","starred_url":"https://api.github.com/users/rudygalfi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rudygalfi/subscriptions","organizations_url":"https://api.github.com/users/rudygalfi/orgs","repos_url":"https://api.github.com/users/rudygalfi/repos","events_url":"https://api.github.com/users/rudygalfi/events{/privacy}","received_events_url":"https://api.github.com/users/rudygalfi/received_events","type":"User","site_admin":false},"open_issues":308,"closed_issues":517,"state":"open","created_at":"2016-07-14T23:13:22Z","updated_at":"2017-12-05T22:00:42Z","due_on":null,"closed_at":null},"comments":0,"created_at":"2017-11-30T15:24:30Z","updated_at":"2017-12-05T23:01:52Z","closed_at":null,"author_association":"NONE","body":"We are running a project that serves AMP pages with a custom icon font. This font is preloaded via `<amp-font>` element like this:\r\n\r\n```\r\n<amp-font\r\n  layout=\"nodisplay\"\r\n  font-family=\"icons\"\r\n  timeout=\"5000\"\r\n  on-load-add-class=\"icon-font-loaded\"\r\n  on-load-remove-class=\"icon-font-loading\"\r\n  on-error-add-class=\"icon-font-missing\"\r\n  on-error-remove-class=\"icon-font-loading\"></amp-font>\r\n```\r\n\r\nThe corresponding font face style looks like this:\r\n\r\n```\r\n@font-face {\r\n  font-family: \"icons\";\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  src: url(https://example.com/path/to/fonts/icons.eot?cachebust=20507#iefix) format(\"embedded-opentype\"), \r\n    url(https://example.com/path/to/fonts//icons.woff2?cachebust=77756) format(\"woff2\"),\r\n    url(https://example.com/path/to/fonts//icons.woff?cachebust=77756) format(\"woff\"),\r\n    url(https://example.com/path/to/fonts//icons.ttf?cachebust=52423) format(\"truetype\"),\r\n    url(https://example.com/path/to/fonts//icons.svg?cachebust=92330#icons) format(\"svg\");\r\n}\r\n```\r\n\r\nUsing an Android device with Chrome everything works fine when accessing the AMP pages and the icon font is displayed (thus `.icon-font-loaded` class is added to the `<html>` element correctly as implied by the `<amp-font>` element). When using an iOS device (tested in Chrome and Safari), this class never gets added to the `<html>` element, only `.icon-font-loading` is added initially and stays there forever.\r\n\r\nIs this a known bug, or are we doing something wrong?\r\n\r\nUsed AMP version: 1510956201635\r\n\r\nThanks in advance & I appreciate your feedback/help.\r\n"},"comment":{"url":"https://api.github.com/repos/ampproject/amphtml/issues/comments/349470592","html_url":"https://github.com/ampproject/amphtml/issues/12262#issuecomment-349470592","issue_url":"https://api.github.com/repos/ampproject/amphtml/issues/12262","id":349470592,"user":{"login":"aghassemi","id":2099009,"avatar_url":"https://avatars3.githubusercontent.com/u/2099009?v=4","gravatar_id":"","url":"https://api.github.com/users/aghassemi","html_url":"https://github.com/aghassemi","followers_url":"https://api.github.com/users/aghassemi/followers","following_url":"https://api.github.com/users/aghassemi/following{/other_user}","gists_url":"https://api.github.com/users/aghassemi/gists{/gist_id}","starred_url":"https://api.github.com/users/aghassemi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aghassemi/subscriptions","organizations_url":"https://api.github.com/users/aghassemi/orgs","repos_url":"https://api.github.com/users/aghassemi/repos","events_url":"https://api.github.com/users/aghassemi/events{/privacy}","received_events_url":"https://api.github.com/users/aghassemi/received_events","type":"User","site_admin":false},"created_at":"2017-12-05T23:01:52Z","updated_at":"2017-12-05T23:01:52Z","author_association":"MEMBER","body":"@cramforce Anything ideas off the top of your head? (if not, I will investigate). tl;dr: `icon-font-loaded` state is never reached in iOS"}}
{"actor":{"display_login":"aghassemi"}}