This has been busy month for WordPress talks. First freelance talk in WordPress Helsinki meetup, today SVG talk in WordPress Cafe hosted by Exove, and finally talk about accessibility in Turku WordPress meetup.
Today topic was switching away from icon fonts to SVG. You can check the slides from here.
We talk about these subjects:
- Why use SVG icons instead of icon fonts.
- How to create SVG icons.
- How to use SVG icons.
- Couple of practical examples.
Edit: Now the talk is also in Youtube.
Here is a short overview of those subjects.
Why use SVG instead of icon fonts
By switching from icon fonts, we can serve our icons more easily, more quickly, and more accessibly. And they look better. Enjoy.
Where to get SVG icons
From your designer of course! I personally use service called Icomoon App where you can import any font icon or SVG image. App auto-generates SVG icons and SVG sprite for you. You can also use Grunt or Gulp tools, wd_s starter theme have great example of using Gulp.
How to use SVG icons
Here is the link to slides once more. I suggest that you try SGVs in your next project. I certainly have lot to learn but you got to start somewhere. Cheers!