{"action":"created","issue":{"url":"https://api.github.com/repos/phetsims/scenery/issues/545","repository_url":"https://api.github.com/repos/phetsims/scenery","labels_url":"https://api.github.com/repos/phetsims/scenery/issues/545/labels{/name}","comments_url":"https://api.github.com/repos/phetsims/scenery/issues/545/comments","events_url":"https://api.github.com/repos/phetsims/scenery/issues/545/events","html_url":"https://github.com/phetsims/scenery/issues/545","id":154282442,"number":545,"title":"Unicode \"mathematical small italic\" characters don't render on mobile Safari","user":{"login":"pixelzoom","id":3046552,"avatar_url":"https://avatars.githubusercontent.com/u/3046552?v=3","gravatar_id":"","url":"https://api.github.com/users/pixelzoom","html_url":"https://github.com/pixelzoom","followers_url":"https://api.github.com/users/pixelzoom/followers","following_url":"https://api.github.com/users/pixelzoom/following{/other_user}","gists_url":"https://api.github.com/users/pixelzoom/gists{/gist_id}","starred_url":"https://api.github.com/users/pixelzoom/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pixelzoom/subscriptions","organizations_url":"https://api.github.com/users/pixelzoom/orgs","repos_url":"https://api.github.com/users/pixelzoom/repos","events_url":"https://api.github.com/users/pixelzoom/events{/privacy}","received_events_url":"https://api.github.com/users/pixelzoom/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/phetsims/scenery/labels/priority:1-top","name":"priority:1-top","color":"FF007F"},{"url":"https://api.github.com/repos/phetsims/scenery/labels/type:bug","name":"type:bug","color":"FF00AA"}],"state":"open","locked":false,"assignee":{"login":"pixelzoom","id":3046552,"avatar_url":"https://avatars.githubusercontent.com/u/3046552?v=3","gravatar_id":"","url":"https://api.github.com/users/pixelzoom","html_url":"https://github.com/pixelzoom","followers_url":"https://api.github.com/users/pixelzoom/followers","following_url":"https://api.github.com/users/pixelzoom/following{/other_user}","gists_url":"https://api.github.com/users/pixelzoom/gists{/gist_id}","starred_url":"https://api.github.com/users/pixelzoom/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pixelzoom/subscriptions","organizations_url":"https://api.github.com/users/pixelzoom/orgs","repos_url":"https://api.github.com/users/pixelzoom/repos","events_url":"https://api.github.com/users/pixelzoom/events{/privacy}","received_events_url":"https://api.github.com/users/pixelzoom/received_events","type":"User","site_admin":false},"milestone":null,"comments":9,"created_at":"2016-05-11T16:10:35Z","updated_at":"2016-05-17T22:49:42Z","closed_at":null,"body":"Function Builder and Expression Exchange are using the Unicode \"mathematical small italic\" characters for x, y and z. See:\r\n\r\nx : http://www.fileformat.info/info/unicode/char/1d465/index.htm\r\ny : http://www.fileformat.info/info/unicode/char/1d466/index.htm\r\nz : http://www.fileformat.info/info/unicode/char/1d467/index.htm\r\n\r\nThese characters look fine on Safari desktop, Chrome and Firefox. Here's a screenshot from Function Builder, with arrows pointing to where the characters appear. (Function Builder uses only x and y.)\r\n\r\n![xy-desktop](https://cloud.githubusercontent.com/assets/3046552/15187655/1771a33e-175f-11e6-9881-a9d5322de4c0.png)\r\n\r\nOn iOS, these characters do not appear. Here's the same screenshot from iPad2 + iOS 9.3.1:\r\n\r\n![xy-ipad](https://cloud.githubusercontent.com/assets/3046552/15187684/3c898cf4-175f-11e6-912e-0633505e2ce3.png)\r\n\r\nUsing the \"browser test page\" at http://www.fileformat.info/info/unicode/char/1d465/browsertest.htm, it appears that mobile Safari may not have a font that supports these characters.\r\n\r\nWe could workaround by using a web-safe italic serif font, but these specific characters were requested by the Function Builder design team.\r\n\r\n@jonathanolson suggestions?"},"comment":{"url":"https://api.github.com/repos/phetsims/scenery/issues/comments/219877423","html_url":"https://github.com/phetsims/scenery/issues/545#issuecomment-219877423","issue_url":"https://api.github.com/repos/phetsims/scenery/issues/545","id":219877423,"user":{"login":"pixelzoom","id":3046552,"avatar_url":"https://avatars.githubusercontent.com/u/3046552?v=3","gravatar_id":"","url":"https://api.github.com/users/pixelzoom","html_url":"https://github.com/pixelzoom","followers_url":"https://api.github.com/users/pixelzoom/followers","following_url":"https://api.github.com/users/pixelzoom/following{/other_user}","gists_url":"https://api.github.com/users/pixelzoom/gists{/gist_id}","starred_url":"https://api.github.com/users/pixelzoom/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pixelzoom/subscriptions","organizations_url":"https://api.github.com/users/pixelzoom/orgs","repos_url":"https://api.github.com/users/pixelzoom/repos","events_url":"https://api.github.com/users/pixelzoom/events{/privacy}","received_events_url":"https://api.github.com/users/pixelzoom/received_events","type":"User","site_admin":false},"created_at":"2016-05-17T22:49:41Z","updated_at":"2016-05-17T22:49:41Z","body":"Here's the look of \"mathematical small italic\" in the \"Equations\" screen of 1.0.0-dev.28:\r\n\r\n![screenshot_152](https://cloud.githubusercontent.com/assets/3046552/15341928/dce3e142-1c4e-11e6-8042-178018a594a5.png)\r\n\r\nThe KaTeX math font look a little too curly, more similar to Unicode \"mathematical small script\".  And the team previously decided that they preferred \"mathematical small italic\" to \"mathematical small script\".\r\n\r\nHere's the look of `{  family: '\"Time New Roman\", Times, serif', style: 'italic' }`, a built-in font. It is more similar to \"mathematical small italic\".\r\n\r\n![screenshot_153](https://cloud.githubusercontent.com/assets/3046552/15341968/2431e06c-1c4f-11e6-969c-5efc1c0cc507.png)\r\n\r\nSo... My recommendation would be to use the builtin font, because (a) it's closer to the desired look, (b) it doesn't pull in a 53KB font file, and (c) it's simpler."}}