Loading...
 
Skip to main content

History: Icons SVG or Fonts

Preview of version: 13

Discussion


There are hundreds of icons in Tiki. Right now, jpeg/png/gif. The opportunity is to move them progressively to a vector format. This permits scaling, styling, saving bandwidth, etc.
There are 2 options: SVG vs fonts
It would be a shame to maintain both if there is one that could address the needs. It would be a shame to invest migration time in one of the solutions only to do the work in double later if a change is decided.
Feeling is that Tiki should:

Pick the best future-thinking solution between SVG & fonts

Use semantic names for icon names

Make it possible for themes to override icons

Pick some preferred icon source(s) so community has guidelines for consistency and make sure licensing is OK


Have a Smarty function (or something) so vectorial is chosen if supported by the browser, and use png as a fallback

    • The icon sources will surely have a png fallback available
    • If no fallback is available give an error message "Please use a modern browser"


Candidates

Notes

  • some glyphicons come with bootstrap (http://getbootstrap.com/components/), but the variety is not enough, we need more icons
  • font-awesome seems to be a good addition both from variety and licensing point
  • both glyphicons and font-awesome icons are managed now with smarty functions (lib/smarty_tiki/), so in the tpl files you only need to add the name of the icon, eg:
Copy to clipboard
{glyph name="plus"} or {fa name="automobile"}

  • how can you easily change icon if you dont like what is shipped by Tiki? Can it be mananed simply by adding the image path to your preferred icon in the custom css file?

History

Advanced
Information Version
Mon 04 of Feb, 2019 21:28 GMT-0000 luciash d' being ?‍♂️ remove redundant maketoc when the page already has auto-toc 38
Mon 13 of Jun, 2016 04:46 GMT-0000 Gary Cunningham-Lee URL corrected to fix 404 error. 37
Sun 22 of Mar, 2015 19:30 GMT-0000 Marc Laporte 36
Wed 10 of Sep, 2014 18:28 GMT-0000 Torsten Fabricius added !!Related link to dev/Icons 35
Mon 01 of Sep, 2014 10:54 GMT-0000 luciash d' being ?‍♂️ 34
Sat 30 of Aug, 2014 18:27 GMT-0000 lindon 33
Fri 29 of Aug, 2014 03:18 GMT-0000 Gary Cunningham-Lee Replaced hardcoded color with a Bootstrap class. If class's color isn't good, let's change it in the theme option stylesheet. 32
Fri 29 of Aug, 2014 03:06 GMT-0000 Gary Cunningham-Lee Fixed typos. 31
Fri 29 of Aug, 2014 02:28 GMT-0000 Torsten Fabricius now 40% is enough 30
Fri 29 of Aug, 2014 02:27 GMT-0000 Torsten Fabricius Reviewed the headings 29
Fri 29 of Aug, 2014 02:21 GMT-0000 Torsten Fabricius added bg to div and moved levels param from wrong in div to right in maketoc 28
Fri 29 of Aug, 2014 02:19 GMT-0000 Torsten Fabricius typos mainly ;-) 27
Fri 29 of Aug, 2014 02:17 GMT-0000 Torsten Fabricius changed to 50% and limit to level 2 to gain space on the page (heading starts with !! anyway) 26
Fri 29 of Aug, 2014 02:16 GMT-0000 Torsten Fabricius lit width of maketoc div to 40% 25
Fri 29 of Aug, 2014 02:15 GMT-0000 Torsten Fabricius added brackets to links and added maketoc in a right floating div 24
Fri 29 of Aug, 2014 02:08 GMT-0000 Torsten Fabricius changed text SVG/FONT personal opinion in discussion to make it complying with the txt of the e-mail sent to the devlist a minute ago. 23
Fri 29 of Aug, 2014 01:51 GMT-0000 Torsten Fabricius after some review of resourced mentioned here, I added a few cents to the discussion (in a box) 22
Thu 28 of Aug, 2014 23:56 GMT-0000 Torsten Fabricius Added question to "icon sets" to "!!!! Make it possible for themes to override icons" 21
Fri 01 of Aug, 2014 01:04 GMT-0000 Marc Laporte Oups 20
Wed 30 of Jul, 2014 21:11 GMT-0000 Marc Laporte Old name 19
Wed 30 of Jul, 2014 15:09 GMT-0000 Marc Laporte Thank you Simon Guibord (labalab) for suggesting this one 18
Tue 08 of Jul, 2014 23:26 GMT-0000 gezza 17
Tue 08 of Jul, 2014 23:16 GMT-0000 gezza 16
Wed 02 of Jul, 2014 15:11 GMT-0000 gezza 15
Wed 02 of Jul, 2014 14:59 GMT-0000 gezza 14
Mon 30 of Jun, 2014 18:59 GMT-0000 gezza adding thoughts to the page 13
Sat 28 of Jun, 2014 09:14 GMT-0000 gezza some notes 12
Sat 24 of May, 2014 13:28 GMT-0000 Marc Laporte 11
Sat 24 of May, 2014 13:21 GMT-0000 Marc Laporte Source for SVG icons 10
Sat 24 of May, 2014 12:58 GMT-0000 Marc Laporte 9
Sat 24 of May, 2014 12:42 GMT-0000 Marc Laporte 8
Fri 09 of May, 2014 14:47 GMT-0000 luciash d' being ?‍♂️ 7
Thu 01 of May, 2014 03:13 GMT-0000 Marc Laporte 6
Thu 01 of May, 2014 01:04 GMT-0000 Marc Laporte Thanks Mike! 5
Fri 21 of Mar, 2014 03:41 GMT-0000 Marc Laporte 4
Thu 11 of Apr, 2013 01:43 GMT-0000 Marc Laporte 3
Sat 23 of Mar, 2013 14:10 GMT-0000 Marc Laporte 2
Tue 16 of Oct, 2012 22:28 GMT-0000 Marc Laporte 1