JB Type is just a little bit more (font) awesome
27 Apr 2013 - Written by Anthony Olsen
Posted in Joomla Extensions
I've just released JB Type v1.8 which adds the new font icons found in Font Awesome v3.
Font Awesome 3 adds some nice new features and icons:
-
- Optimised (even more) for use with Bootstrap
-
- 28% Smaller payload
-
- Plus 40 new icons
Checkout the new styles available on the main Font Awesome page and the JB Type syntax used to render them below.
Enjoy!
New icons available in JB Type v1.8+
{jb_icon-cloud-download}This is the jb_icon-cloud-download style.{/jb_icon-cloud-download}
{jb_icon-cloud-upload}This is the jb_icon-cloud-upload style.{/jb_icon-cloud-upload}
{jb_icon-lightbulb}This is the jb_icon-lightbulb style.{/jb_icon-lightbulb}
{jb_icon-exchange}This is the jb_icon-exchange style.{/jb_icon-exchange}
{jb_icon-bell-alt}This is the jb_icon-bell-alt style.{/jb_icon-bell-alt}
{jb_icon-file-alt}This is the jb_icon-file-alt style.{/jb_icon-file-alt}
{jb_icon-beer}This is the jb_icon-beer style.{/jb_icon-beer}
{jb_icon-coffee}This is the jb_icon-coffee style.{/jb_icon-coffee}
{jb_icon-food}This is the jb_icon-food style.{/jb_icon-food}
{jb_icon-fighter-jet}This is the jb_icon-fighter-jet style.{/jb_icon-fighter-jet}
{jb_icon-user-md}This is the jb_icon-user-md style.{/jb_icon-user-md}
{jb_icon-stethoscope}This is the jb_icon-stethoscope style.{/jb_icon-stethoscope}
{jb_icon-suitcase}This is the jb_icon-suitcase style.{/jb_icon-suitcase}
{jb_icon-building}This is the jb_icon-building style.{/jb_icon-building}
{jb_icon-hospital}This is the jb_icon-hospital style.{/jb_icon-hospital}
{jb_icon-ambulance}This is the jb_icon-ambulance style.{/jb_icon-ambulance}
{jb_icon-medkit}This is the jb_icon-medkit style.{/jb_icon-medkit}
{jb_icon-h-sign}This is the jb_icon-h-sign style.{/jb_icon-h-sign}
{jb_icon-plus-sign-alt}This is the jb_icon-plus-sign-alt style.{/jb_icon-plus-sign-alt}
{jb_icon-spinner}This is the jb_icon-spinner style.{/jb_icon-spinner}
{jb_icon-angle-left}This is the jb_icon-angle-left style.{/jb_icon-angle-left}
{jb_icon-angle-right}This is the jb_icon-angle-right style.{/jb_icon-angle-right}
{jb_icon-angle-up}This is the jb_icon-angle-up style.{/jb_icon-angle-up}
{jb_icon-angle-down}This is the jb_icon-angle-down style.{/jb_icon-angle-down}
{jb_icon-double-angle-left}This is the jb_icon-double-angle-left style.{/jb_icon-double-angle-left}
{jb_icon-double-angle-right}This is the jb_icon-double-angle-right style.{/jb_icon-double-angle-right}
{jb_icon-double-angle-up}This is the jb_icon-double-angle-up style.{/jb_icon-double-angle-up}
{jb_icon-double-angle-down}This is the jb_icon-double-angle-down style.{/jb_icon-double-angle-down}
{jb_icon-circle-blank}This is the jb_icon-circle-blank style.{/jb_icon-circle-blank}
{jb_icon-circle}This is the jb_icon-circle style.{/jb_icon-circle}
{jb_icon-desktop}This is the jb_icon-desktop style.{/jb_icon-desktop}
{jb_icon-laptop}This is the jb_icon-laptop style.{/jb_icon-laptop}
{jb_icon-tablet}This is the jb_icon-tablet style.{/jb_icon-tablet}
{jb_icon-mobile-phone}This is the jb_icon-mobile-phone style.{/jb_icon-mobile-phone}
{jb_icon-quote-left}This is the jb_icon-quote-left style.{/jb_icon-quote-left}
{jb_icon-quote-right}This is the jb_icon-quote-right style.{/jb_icon-quote-right}
{jb_icon-reply}This is the jb_icon-reply style.{/jb_icon-reply}
{jb_icon-github-alt}This is the jb_icon-github-alt style.{/jb_icon-github-alt}
{jb_icon-folder-close-alt}This is the jb_icon-folder-close-alt style.{/jb_icon-folder-close-alt}
{jb_icon-folder-open-alt}This is the jb_icon-folder-open-alt style.{/jb_icon-folder-open-alt}