jair101 Posted December 6, 2017 Posted December 6, 2017 Do you have any plans to integrate Font Awesome 5.0 with the suite? The Old Man, Skipy7, wegorz23 and 8 others 11
The Old Man Posted December 30, 2017 Posted December 30, 2017 (edited) Looking forward to IPS4 supporting this as FA 5 is now out. FA have provided a shim until we upgrade to FA 5 properly but I know FA4 is built into the IPS package, so I'm not sure if its applicable*. I see you can download v5.0.2 so perhaps its not too much work for IPS to support soon. https://fontawesome.com/how-to-use/upgrading-from-4https://fontawesome.com/get-started/svg-with-js# Beyond the basic free FA5 icons, FA 5 Pro customers have access to the larger collection of Pro only icons and will have access to the forthcoming FA5 Pro CDN. It would be great to have simple built-in options perhaps in the IPS theme settings or perhaps in the Community Enhancements section of AdminCP in order to integrate and access the Pro only icons and the CDN/API key details. I can already see many icons in the Pro range that will make potential good icons for the Trophy and Awards add-on. Updated: *I just copy and pasted the two lines of the shim code mentioned above into the header section of IPS (globalTemplate) and the new FA5 free icons start displaying. <!-- FA Version 4 Shim (SVG with JavaScript only) --> <script defer src="https://use.fontawesome.com/releases/v5.0.0/js/all.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.0.0/js/v4-shims.js"></script> I tried it with the code for the Light Pro only lighter version of the FA 5 snowflake icon, and it displays the Regular version rather than nothing at all, so very handy until FA 5 Pro integration is possible and supported, when presumably the Light Pro icon would appear instead of the Regular. Edited December 30, 2017 by The Old Man Shim seems to work fine with FA5 (free only icons!) Orioni 1
DesignzShop Posted January 3, 2018 Posted January 3, 2018 (edited) On 12/30/2017 at 11:17 AM, The Old Man said: and the new FA5 free icons start displaying <script defer src="https://use.fontawesome.com/releases/v5.0.0/js/all.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.0.0/js/v4-shims.js"></script> When you do this some changes that take place are for example from what FA says the icons inherit text size and that is shown when adding the lines you added. So for example your usernav icons become small because they inherit the text size and also for example your check boxes icons like the checkmark itself gets very large. Obviously IPB will need to make adjustments to all these areas when moving into FA5. So yes, the code above works, but some areas will appear different from the original IPB design intention. I personally love FA and am positive IPB will upgrade us, question is when and I think there's more than enough time to add these to 4.3 possibly.. I say possibly here Edited January 3, 2018 by DesignzShop The Old Man 1
The Old Man Posted January 3, 2018 Posted January 3, 2018 Hi, I hadn't noticed this until you mentioned it, but yes usernav icons are smaller! Still usable though.
All Astronauts Posted January 31, 2018 Posted January 31, 2018 @Lindy for lack of knowing which developer to @ Is this on tap for 4.3? I noticed the FA website itself has now flashed over to 5 and parked the 4x stuff in a sub-section.
Rhett Posted February 1, 2018 Posted February 1, 2018 1 hour ago, All Astronauts said: @Lindy for lack of knowing which developer to @ Is this on tap for 4.3? I noticed the FA website itself has now flashed over to 5 and parked the 4x stuff in a sub-section. There is no need to tag anyone really as we all read this feedback section regularly. From what I understand the changes needed for font awesome 5 are pretty large, too large to hold up 4.3, which is already in the stages of internal testing. Thank you media, Inlens, SeNioR- and 3 others 6
Rhett Posted February 2, 2018 Posted February 2, 2018 On 1/31/2018 at 5:00 PM, Brian said: @Rhett @Brian ? Kjell Iver Johansen, TAMAN, The Old Man and 7 others 10
The Old Man Posted February 3, 2018 Posted February 3, 2018 Sad its not going to be supported in v5. They made a v4 shim for quicker updating to 5.x (you can also stick with the Web Fonts with CSS icons rather than upgrade to the SVG icons) or you can follow this process for a complete upgrade which seems to be mostly search and replace tasks. https://fontawesome.com/how-to-use/upgrading-from-4 Quote Upgrade Steps Ready to do a full, proper upgrade and completely replace version 4 with version 5? Remove Old Files. Remove the files associated with Font Awesome Version 4 from your project - including the fontawesome/ folder of web fonts and CSS/SCSS/LESS (if you’re using Font Awesome’s CDN, you can skip this step.) Remove Old References in <head>. Remove the reference to Font Awesome V4’s JS or CSS from the <head> of your document. Get Started. Pick your method of using FA5 and follow the Get Started directions. (SVG with JavaScript, Web Fonts with CSS, or Advanced Options) Search & Replace. Find and replace any icons that have different names between version 4 and 5. Make sure to read the complete list below. Update Styling. Update any custom styling you’ve added around Font Awesome icons (if applicable). Double Check. Click through your project’s UI to make sure all icons are rendering as expected. Perhaps someone at IPS could do a feasibility test on the full, proper upgrade to v5x? sobrenome 1
Patreon Lukazuki Posted February 3, 2018 Posted February 3, 2018 There are many cool free new icons in FA5 and they updated a lot of icons from v4 yup I know is difficult to do in a short time, but it must have in a future update The Old Man, sobrenome and Numbered 3
Vanucci Posted April 12, 2018 Posted April 12, 2018 (edited) On 12/30/2017 at 5:17 PM, The Old Man said: Looking forward to IPS4 supporting this as FA 5 is now out. FA have provided a shim until we upgrade to FA 5 properly but I know FA4 is built into the IPS package, so I'm not sure if its applicable*. I see you can download v5.0.2 so perhaps its not too much work for IPS to support soon. https://fontawesome.com/how-to-use/upgrading-from-4https://fontawesome.com/get-started/svg-with-js# Beyond the basic free FA5 icons, FA 5 Pro customers have access to the larger collection of Pro only icons and will have access to the forthcoming FA5 Pro CDN. It would be great to have simple built-in options perhaps in the IPS theme settings or perhaps in the Community Enhancements section of AdminCP in order to integrate and access the Pro only icons and the CDN/API key details. I can already see many icons in the Pro range that will make potential good icons for the Trophy and Awards add-on. Updated: *I just copy and pasted the two lines of the shim code mentioned above into the header section of IPS (globalTemplate) and the new FA5 free icons start displaying. <!-- FA Version 4 Shim (SVG with JavaScript only) --> <script defer src="https://use.fontawesome.com/releases/v5.0.0/js/all.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.0.0/js/v4-shims.js"></script> I tried it with the code for the Light Pro only lighter version of the FA 5 snowflake icon, and it displays the Regular version rather than nothing at all, so very handy until FA 5 Pro integration is possible and supported, when presumably the Light Pro icon would appear instead of the Regular. where can i find the globalTemplate ? rushed in too soon, found it. Edited April 12, 2018 by Vanucci sobrenome 1
Joy Rex Posted April 12, 2018 Posted April 12, 2018 The biggest issue with using FA5 is which method to use - SVG+JS will render (in my opinion) cleaner icons than the other (older) method, which is using the webfont. One important thing to consider when using the SVG+JS method is performance - if you have dozens of icons on screen, the JS has to find all the <i> elements and replace them, and using ::before and ::after pseudo elements can degrade performance even further. sobrenome 1
Nebthtet Posted April 17, 2018 Posted April 17, 2018 Yup, I have Pro and would love some easy way to use expanded library of symbols. sobrenome 1
Numbered Posted June 14, 2018 Posted June 14, 2018 UP topic. FA5 has a lot of icons, which are very like to have from the box. sobrenome 1
SJ77 Posted June 14, 2018 Posted June 14, 2018 Why do we need font awesome 5 again? Doesn’t the document weight grow with each iteration of FA? I’m not sure I want to sacrifice speed for more icons sobrenome 1
Rikki Posted June 14, 2018 Posted June 14, 2018 We don't plan to switch to FA5 for the time being. It'll be something we consider for the next major update. sobrenome 1
The Old Man Posted June 15, 2018 Posted June 15, 2018 (edited) Blimey. That sucks. What a shame, but thanks for letting us know, all the same. Edited June 15, 2018 by The Old Man Typo, stupid iPad. sobrenome 1
Numbered Posted June 20, 2018 Posted June 20, 2018 On 6/14/2018 at 3:57 PM, SJ77 said: Why do we need font awesome 5 again? Doesn’t the document weight grow with each iteration of FA? I’m not sure I want to sacrifice speed for more icons You right. Globally IPS doesn't need to include big monstrous FA5 (or any else). But with last Rikki answer, I hope they'll create some build tool for an ability to include custom font build with icons which are actually needed. In my humble opinion, this way will be an amazing solution, which may be named as a really good new improvement. Let's wait and see Cyboman and sobrenome 1 1
Joy Rex Posted June 20, 2018 Posted June 20, 2018 I think IPS should have its own SVG-based (or custom icon font) icon set for the default forum theme, and allow theme creators to specify their own or a library like FontAwesome (again, either SVG or icon font). sobrenome, Cyboman and JR Network 2 1
bfarber Posted June 21, 2018 Posted June 21, 2018 On 6/20/2018 at 10:35 AM, Joy Rex said: I think IPS should have its own SVG-based (or custom icon font) icon set for the default forum theme, and allow theme creators to specify their own or a library like FontAwesome (again, either SVG or icon font). Why exactly? That would basically require an in-house designer to recreate what is already available through a freely licensed source (FontAwesome). What benefit would be gained? Makoto and sobrenome 2
Cyboman Posted June 21, 2018 Posted June 21, 2018 I'm happy with font awesome, but I'd wish to have any integration for an individual icon font, too. Graphical experience (and customization options) are an important usage animation factor nowadays. Currently I'm using hundreds (!) of individual icons uploaded as png, and according to the optimization of loading times, we would benefit of having options for additional vector integrations. I'm not sure, if it is wise to have 2 icon fonts included and using both of them at the same time, but it seems better to me than my png solution ? sobrenome 1
Joy Rex Posted June 21, 2018 Posted June 21, 2018 On 6/20/2018 at 7:06 AM, Upgradeovec said: You right. Globally IPS doesn't need to include big monstrous FA5 (or any else). But with last Rikki answer, I hope they'll create some build tool for an ability to include custom font build with icons which are actually needed. In my humble opinion, this way will be an amazing solution, which may be named as a really good new improvement. Let's wait and see 3 hours ago, bfarber said: Why exactly? That would basically require an in-house designer to recreate what is already available through a freely licensed source (FontAwesome). What benefit would be gained? As @Upgradeovec mentioned, libraries like FA are (relatively) massive and you're probably using 1-5% of FA's library for IPS. If you created an icon set with just the icons needed for IPS and nothing more, it would be drastically smaller. And you wouldn't need an in-house designer; just contract with a designer on an as-needed basis to create the initial icons, and reach out as needed when more are required or a visual refresh is in order. Hopefully FontAwesome will have as @Upgradeovec suggested a "custom build" so only the icons needed would be included to reduce the overall footprint of FA, then it could be configured to exactly each person's needs. sobrenome 1
The Old Man Posted June 21, 2018 Posted June 21, 2018 (edited) Font Awesome via its CDN is so popular and widely used that I honestly think most visitors have probably never downloaded it or will ever need to download it via your community's website. Their browsers will have downloaded and therefore cached it way before from elsewhere. Even for those minimal few who say, just got online and visited your site as their first ever website, would only have to download it once anyway. Then it's done. It's like complaining about having to download Bootstrap or JQuery. Sure if your benchmarking it will increase your download time, but real world users will normally come across it way before. Obviously chances are a little less so with the Pro version. If you take the Bootstrap analogy for a second, surely it's better to use Bootstrap per se, rather than sticking a prefix before every class selector name. Then you do have to download that JavaScript and CSS because you've customised it. Its free (so really what's to complain about?!), it's cool (remember how dull IPB looked before snazzy modern Font Awesome?!), FA5 has better, updated, larger icons (not based on 14px anymore, just like Bootstrap 4 isn't). I felt so warm and fuzzy around my nether regions after watching THAT funny video that I bought the Pro version albeit at the early adopter rate, something I've never done before. I'd love to be able to make better use of FA5 and get the benefits of the Pro even nicer icons, icon packs and CDN If possible in IPS for example as nicer trophies and awards. I'd love to just settle for FA5 standard before the next decade starts though! Edited July 6, 2018 by The Old Man Jed Rosenzweig and sobrenome 2
All Astronauts Posted September 29, 2018 Posted September 29, 2018 On 6/14/2018 at 1:03 PM, Rikki said: We don't plan to switch to FA5 for the time being. It'll be something we consider for the next major update. 4.4? Probably 4.5 but still worth an ask now. Just looking for certainty as us devs gear up for updating apps, etc... sobrenome 1
The Old Man Posted December 9, 2018 Posted December 9, 2018 Font Awesome 5 changelog v5.6.0 - 2018-12-07 Huh? Wait...! Is that...? Quote Added Holiday category Winter category A nice selection of the top requested icons from the Font Awesome Leaderboard Sponsored icon horse-head Brand icons adobe, artstation, atlassian, centos, confluence, dhl, diaspora, fedex, fedora, figma, intercom, invision, jira, mendeley, raspberry-pi, redhat, sketch, sourcetree, suse, ubuntu, ups, usps, and yarn The Canadian Maple Leaf (Aboot time, eh. You hosers.) 😃 sobrenome 1
Recommended Posts