![]() ![]() Positioning a tiny icon in the center of a circle so it looks the same in every browser can be painful and you should avoid overlaying multiple glyphs. Another disadvantage, which is also related to inconsistent rendering, is positioning. Due to differences across browsers, rendering and font smoothing can be unreliable. To be clear, there are some disadvantages. Icon fonts load faster than background or inline SVG’s ( see this experiment).You can use the same icon in different sizes and colors to save time and space.It’s easy to apply CSS properties without editing the icon itself (color, gradient, shadows, etc.). ![]() There’s no need to worry about Retina displays.Icons are scalable without loss in definition.Implementing icons as a web font has many advantages: The Basics of Icon Fontsĭisplaying icons through fonts is no different than using alternative fonts for headers, titles, and paragraphs. Using non-standard fonts has become the standard in web development in recent years, leading to the rise of icon fonts. The dark ages, when web designers could only choose from a handful of different fonts, are (thankfully) over. This includes, to name a few: Importing bitmap image files (usually transparent PNGs), vectoring SVG files, or even using web fonts containing symbols instead of typical characters from the alphabet. In the history of the web, designers have tried a variety of methods to use icons and images on websites.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |