![]() ![]() The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. The fonts and derivatives, however, cannot be released under any other type of license. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. MFG Labs icon set from MFG Labs is licensed under a Creative Commons Attribution 3.0 License. Licenses may copy, distribute, display and perform the work and make derivative works based on it only if they give the author or licensor the credits in the manner specified by these. webkit-transition: all 0.1s ease-in-out Text-shadow: 1px 1px 1px rgba(27, 27, 27, 0.19) They’re vector graphics defined as characters in font files which can be loaded and used in HTML, CSS and JavaScript. customise your css directly in mfglabs_iconset.css add a sub class, for example : class="gradient"Ģ. This minimizes the risk of breaking your theme and the changes will also be persistent throughout theme updates.1. You can add the following to your functions.php file, or we recommend using a free plugin like Code Snippets. You’ll need to enqueue it on the front-end, but all you need is the name of the script, the file is already available to WordPress. Option 2 – Use the Built-in Dashiconsĭashicons is a set of font icons included by default since WordPress uses it on the backend. The above is a great solution if you want to let your clients add icons to posts or pages, but if you want to use these elements within your theme or plugin it’s best to enqueue them yourself (will dive into this further below). They have a premium icons add-on you can use. If you want a lot of easy to use shortcodes, you might want to also check out the Shortcodes Ultimate plugin. Pretty easy right? We had a Font Awesome icon up and running on our site within just a few minutes. Here is what it looks like on the front-end. Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them All-New SVG Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. For example, below we inserted the WordPress Font Awesome icon in a Gutenberg shortcode block and added fa-3x to make it three times bigger. You can check out Font Awesome 5’s basic use chart for additional ways to use and customize it, as well as their icon library. They even have a WordPress icon now! Pretty cool. After you install and activate it, all it takes is a simple shortcode code to insert an icon. The free Font Awesome Integration plugin contains the latest Font Awesome 5 icon library. The quickest way to get up and running with WordPress font icons is to simply use a third-party plugin. For that, we recommend skipping down to the section on the best method. Fair warning, not all of these are the best in terms of performance. ![]() Quick and Easy Ways to Use WordPress Font Iconsįirst we’ll dive into some of the quick and easy ways to use WordPress font icons. If you’re wanting to simply use SVG icons manually, you won’t find a better free library than iconmonstr or a better premium library than Iconfinder.The first thing you need to do is install and activate the Font. If you’re looking for a super lightweight icon set, make sure to check out Bytesize. All 84 icons measure in at 9KB minified (2 KB in SVGZ, or Gzipped). Youll also get any new Font Awesome icons automatically every time you update the plugin. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |