Issue description
Switch from font icons to svg icons.
Developer comments
This was a tough decision because of [-/resolution?issue=3449, the hours] that went into switching from image icons to font icons. But initially [https://cloudfour.com/thinks/seriously-dont-use-icon-fonts/, this article] made me think twice. Checking the browser support for SVG – comparable to font embedding or even better – and thinking the effort it takes to add or change an icon – so much, you do not want to do it – made me runs some tests. The result was that [6807, an issue] that has been bugging me for a while would be resolved. The only downside is that the rendering of circles is worse than with the font alternative. Currently i am using both methods, but ultimately only the svg version should be used.
The font icon method was more economical on the traffic side as the font was encoded in the CSS. But maybe there is a way to maintain this in the SVG version. But that can wait, since the number of HTTP requests per page load is on average still only 5.
Another key moment was [http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/, this report] by Ian Feather. Less fiddly to position? I am buying it.
It is fascinating that there is no visible difference in the icons. Just replaced the search icon in the header. Cannot tell a difference.
|
Work sessions16
Start |
2017-03-27T13:13:56
|
End |
2017-03-27T16:43:58
|
Participant |
Robert Cerny
|
Start |
2017-03-27T17:50:24
|
End |
2017-03-27T18:40:17
|
Participant |
Robert Cerny
|
Start |
2017-03-27T21:50:25
|
End |
2017-03-27T22:37:50
|
Participant |
Robert Cerny
|
Start |
2017-03-28T06:22:17
|
End |
2017-03-28T07:32:32
|
Participant |
Robert Cerny
|
Start |
2017-03-28T07:55:39
|
End |
2017-03-28T14:13:23
|
Participant |
Robert Cerny
|
Start |
2017-03-30T15:35:37
|
End |
2017-03-30T17:35:51
|
Participant |
Robert Cerny
|
Start |
2017-03-31T13:35:25
|
End |
2017-03-31T14:45:14
|
Participant |
Robert Cerny
|
Start |
2017-04-01T15:33:31
|
End |
2017-04-01T18:07:07
|
Participant |
Robert Cerny
|
Start |
2017-04-05T16:22:10
|
End |
2017-04-05T17:38:45
|
Participant |
Robert Cerny
|
Start |
2017-04-06T09:17:54
|
End |
2017-04-06T11:23:30
|
Participant |
Robert Cerny
|
Start |
2017-04-06T13:23:41
|
End |
2017-04-06T14:50:59
|
Participant |
Robert Cerny
|
Start |
2017-04-06T18:07:10
|
End |
2017-04-06T18:55:39
|
Participant |
Robert Cerny
|
Start |
2017-04-11T13:55:31
|
End |
2017-04-11T14:49:23
|
Participant |
Robert Cerny
|
Start |
2017-04-11T15:36:02
|
End |
2017-04-11T16:36:07
|
Participant |
Robert Cerny
|
Start |
2017-04-12T09:21:50
|
End |
2017-04-12T09:41:53
|
Participant |
Robert Cerny
|
Start |
2017-04-12T10:10:27
|
End |
2017-04-12T11:00:00
|
Participant |
Robert Cerny
|
|