![]() ![]() They also occupy less space and this translates into better page loading speeds. SVG icons are resizable without losing quality, extra sharp on retina displays, and have unmatched customization possibilities. Also they are not as accessible and scalable as SVGs. You will have icon flickering issues with icon fonts, as they load after the rest of the content. There are several icon font libraries that you could use for free such as Font Awesome or Flaticon. You can go even further while applying CSS styling to apply box-shadows, animations, or transitions. You can increase their size, change their color. Unlike images, icon fonts are able to scale up perfectly to any resolution without any loss of visual quality. What’s the thing with icon fonts?īack in 2012 icon fonts showed up in the web world. Recently, a general consensus has been taking the shape toward the SVG icons format. Now, there are two main types of icons: icon fonts and SVG icons (Scalable Vector Graphics).įor a long while there was a debate about which one is the best option. It doesn’t want to use too much energy for thinking. Our brains are used to interpreting shortcuts, in fact our brain loves shortcuts. Tell me, would you imagine Facebook without the “Like” icon? They can even make text unnecessary, because they can transmit their message really well. Icons allow us to visualize certain concepts easily, while avoiding other complex visuals.Icons are used to make a website more visually appealing, because abundant text can make a website seem boring.There are four main reasons why icons are a great option when it comes to designing a WordPress site. But we’ll talk a bit later about the main difference between these two types of icons.īut first… Why do you need WordPress icon fonts or SVGs in web design? You can change their color, their size, without losing any quality. ![]() In web design they behave like fonts, meaning that you can style them the way you style regular text. But first, why are icons fonts…fonts? Now, instead of containing letters or numbers, icons contain symbols and glyphs. Now, in today’s article we’re going to talk about the use of icon fonts and SVGs on a WordPress website. Visuals have a tendency to stick better in long-term memory, this is why interactions can happen faster. Studies have shown that the human eye fixes images much faster than written text. Whether you use icons fonts, icon SVGs, images, illustrations or video, they can help out with more than improving the site’s aesthetics. Visuals are extremely important in web design. ![]()
0 Comments
Leave a Reply. |