Icon fonts are an awesome factor, as they’ve numerous issues to supply that common icons do not have. As technically, they’re fonts and never photographs, these symbols generated from these fonts do not have the disadvantages of basic icons. Colours and sizes of the font icons can simply be managed with CSS and HTML. This implies they’re scalable and can be utilized for retina shows as properly. On this article, we’ll cope with the query learn how to use icon fonts in WordPress the easiest way potential.
Two Methods to Use Icon Fonts in WordPress
Probably the most well-known and most in depth icon font is unquestionably »Font Superior” and it is the font we’ll use for this text. Font Superior supplies 605 icons for nearly all conceivable functions, and it is very straightforward to combine and use. In the present day, I’ll introduce you to 2 methods of integrating the font – the guide technique and the mixing by way of a plugin.
Necessary Hyperlinks:
Utilizing Font Superior Manually
Utilizing Font Superior manually provides the benefit of upper efficiency. Your web site is just not slowed down by pointless CSS and JavaScript information. Just one CSS file, which is delivered by way of MaxCDN’s CDN server, needs to be built-in. In fact, it’s also possible to add the wanted information to your server, however the integration by way of MaxCDN might be quicker and extra performant. Copy the next code into the features.php of your theme:
Clicking the graphic opens the GitHub Gist
That is all that is wanted to have the ability to use the font. If you wish to show an icon, go to Font Superior’s web site and take a look at the examples to get used to utilizing it. You’ll discover that these icons are changeable and usable in many various
The post Learn how to Use Icon Fonts in WordPress appeared first on DICKLEUNG DESIGN 2014.
沒有留言:
張貼留言