![]() ![]() There are dozens of icon fonts to use, but for this tutorial I will be using Font Awesome as they have hundreds of really amazing icons. Integrating Font Awesome with WordPress, be it a theme or plugin, is exceptionally easy and requires just a few steps to get up and running. Getting Font Awesome into Your WordPress Projectįont Awesome is included in thousands of projects across the Internet, including WordPress themes (such as SitePoint’s own Base Theme) and plugins. Not every icon exists – Designers have covered most of the icons you will need in your projects however, not all icons imaginable have been created, and so you may find yourself having to rely on images in some situations.Traditional images, however, look the same regardless of what they are viewed on. Browser and OS differences – Because these are fonts, it’s up to the browser how it renders the icons (there are subtle variations between each OS, between browsers, and even between different versions of the same browser).However, there are still some debatable downsides to icon fonts. With all the great free icon fonts out there, very little reason exists to use traditional images for icons anymore. Here is a random example of an icon font no images required. There are dozens of great icon fonts that designers have spent countless hours on these fonts are usually updated frequently and refined to provide the best experience.Font Icons have deep compatibility all the way back to ancient browsers (I’m looking at you, IE6). ![]() If you want an image to be slightly different in color or size, you will need to upload a different image.įont Icons are Cross-Browser and Abundantly Available Traditional images don’t give you fine control.Font icons can be controlled as if they were typical fonts you can set their color, background color, text alignment, line height and other attributes to style them using CSS.Traditional images are raster images and created at a set size/dimension (usually based on a grid such as 48×48) These images can look awful when resized or when viewed on a high resolution device.įont Icons can be styled, positioned and manipulated.These icons are vectors and can be scaled to any size without any loss of quality.Traditional images have worked well historically, but icon fonts give us a greater amount of flexibility and let us more easily manage our icons, and do so with responsiveness and ease. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |