{"action":"created","issue":{"url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/issues/187","labels_url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/issues/187/labels{/name}","comments_url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/issues/187/comments","events_url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/issues/187/events","html_url":"https://github.com/NextStepWebs/simplemde-markdown-editor/issues/187","id":119420122,"number":187,"title":"Please don't use font-face for the icons","user":{"login":"anhtran","id":115797,"avatar_url":"https://avatars.githubusercontent.com/u/115797?v=3","gravatar_id":"","url":"https://api.github.com/users/anhtran","html_url":"https://github.com/anhtran","followers_url":"https://api.github.com/users/anhtran/followers","following_url":"https://api.github.com/users/anhtran/following{/other_user}","gists_url":"https://api.github.com/users/anhtran/gists{/gist_id}","starred_url":"https://api.github.com/users/anhtran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/anhtran/subscriptions","organizations_url":"https://api.github.com/users/anhtran/orgs","repos_url":"https://api.github.com/users/anhtran/repos","events_url":"https://api.github.com/users/anhtran/events{/privacy}","received_events_url":"https://api.github.com/users/anhtran/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/labels/wontfix","name":"wontfix","color":"ffffff"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-11-30T05:18:28Z","updated_at":"2015-11-30T17:08:48Z","closed_at":"2015-11-30T16:00:39Z","body":"I worked with many online editors and always feel heavy when they load fonts for the icons. I recommend using SVG for the replacement. Just few icons on stage, we don't need load all of them.\r\n\r\nhttp://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/\r\nhttps://www.google.com/design/icons/"},"comment":{"url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/issues/comments/160691949","html_url":"https://github.com/NextStepWebs/simplemde-markdown-editor/issues/187#issuecomment-160691949","issue_url":"https://api.github.com/repos/NextStepWebs/simplemde-markdown-editor/issues/187","id":160691949,"user":{"login":"WesCossick","id":3850064,"avatar_url":"https://avatars.githubusercontent.com/u/3850064?v=3","gravatar_id":"","url":"https://api.github.com/users/WesCossick","html_url":"https://github.com/WesCossick","followers_url":"https://api.github.com/users/WesCossick/followers","following_url":"https://api.github.com/users/WesCossick/following{/other_user}","gists_url":"https://api.github.com/users/WesCossick/gists{/gist_id}","starred_url":"https://api.github.com/users/WesCossick/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/WesCossick/subscriptions","organizations_url":"https://api.github.com/users/WesCossick/orgs","repos_url":"https://api.github.com/users/WesCossick/repos","events_url":"https://api.github.com/users/WesCossick/events{/privacy}","received_events_url":"https://api.github.com/users/WesCossick/received_events","type":"User","site_admin":false},"created_at":"2015-11-30T17:08:48Z","updated_at":"2015-11-30T17:08:48Z","body":"In the options, you can set `autoDownloadFontAwesome` to `false`, then give each icon in the toolbar it's own class using the toolbar option...\r\n\r\n```js\r\n// Customize all information and/or add your own icons\r\nvar simplemde = new SimpleMDE({\r\n    toolbar: [{\r\n            name: \"bold\",\r\n            action: SimpleMDE.toggleBold,\r\n            className: \"fa fa-bold\",\r\n            title: \"Bold (Ctrl+B)\",\r\n        },\r\n        \"|\", // Separator\r\n        ...\r\n    ],\r\n});\r\n```\r\n\r\n...then you can style each icon however you please with custom CSS."}}