1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Upload only few icons locally (instead the 500+ of FontAwesome)

Discussion in 'Styling and Customization Questions' started by rafass, Mar 10, 2015.

  1. rafass

    rafass Well-Known Member

    Fontawesome have 519 icons and I use around 15 or 20 only.
    I would like to upload only the icons I need. [Locally] [not CDN]
    There are some way / guidelines to use.. eg https://icomoon.io/ or http://fontello.com/
    in Xenforo and only load only some icons of fa to save resources?
  2. cclaerhout

    cclaerhout Well-Known Member

    Icomoon allows you to do that quite easily. I wrote a small article about it here (their interface has changed, so you will have to adapt a little). If I remember correctly they have an automatic solution to integrate fonts in pages (with JavaScript) but the way TinyMCE implemented it is better in my opinion (no direct JS, but some css tricks for old browsers => IE7).
    Luke F and rafass like this.
  3. rafass

    rafass Well-Known Member

    With the article and I'll try to implement icomon later.
    Thanks C├ędric thumbsup.gif
  4. rafass

    rafass Well-Known Member

    TinyMCE Quattro - Developer manual is a great manual,
    But would be great and useful have some manual use fontello or icomoon to upload your own icons in XF
    I really don't want screw up the fonts. :coffee:
  5. rafass

    rafass Well-Known Member

    I did this but in other software. using https://icomoon.io/
    The process was simple. just import the fonts files to icomon.io -> add the additional icons that you want -> download the new fonts -> upload those fonts to your server -> add the CSS and done.
    It was apparently easy because there is a good tutorial to do this.
    Any idea how to do the same in Xenforo?
  6. Mouth

    Mouth Well-Known Member

    ... the free or basic plans sound like they may work for you.
  7. rafass

    rafass Well-Known Member

    Nope. I don't know about those plan$.. but much better build manually your own kit, upload to the new icons to the server, add the CSS's and enjoy forever and free.
    I'll try to do that using this this addon of @BassMan and editing the files directly with icomoon following the steps of the other tutorial.
    Last edited: Feb 9, 2016
    BassMan likes this.
  8. jellytoe

    jellytoe Member

    Do you think it will be faster to serve a specific set of FA icons that you are using versus referencing the CDN one? Wouldn't the argument be that often users already have the CDN one in their cache?
  9. rafass

    rafass Well-Known Member

    Less code, less work.
    I just want to load only my own kit with few icons and CSS through my CDN or locally.
    And delete the other 495 icons / CSS that I'll never use.
  10. rafass

    rafass Well-Known Member

    Well, I already did this using https://icomoon.io/ and is ridiculously easy.
    Basically I've created my own kit with 30 icons, I've changed the name of the fonts and the CSS names exactly with the same format of FontAwesome, uploaded the files to the server and done. Now I'm using my own small kit with less icons and less CSS :sneaky:
    Sunka and RoldanLT like this.
  11. rafass

    rafass Well-Known Member

    One more tool to make your own kits:

Share This Page