Marc Englund
has a great addon called
FontIcon
. By default it pulls
Font-Awesome
artifacts using
CDN
. The default version is 3.0.2 but the latest version (4.0.3) does not seem to be compatible.
You bootstrap FontIcon in your UI using something like
FontAwesome.load();
but, again, this pulls from CDN and it pulls an old version 3.0.2 of FontAwesome.
In order to avoid the CDN pull you can deploy the Font-Awesome artifacts locally under your theme directory. Then you would load it into your application with something like:
[font=courier new]
FontAwesome.load(new ThemeResource("themepath/to/fontawesome.css"));
[/font].
By trial and error it looks like FontIcon works nicely with Font-Awesome versions:
- 3.0.2
- 3.1.1
- 3.2.0
- 3.2.1
But FontIcon has issues with Font-Awesome versions:
- 4.0.0+
static final String CDN_302_DEFAULT = "//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome.min.css";
static final String CDN_311_GOOD = "//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.1.1/css/font-awesome.css";
static final String CDN_320_GOOD_with_changes = "//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.0/css/font-awesome.css";
static final String CDN_321_GOOD = "//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.css";
static final String CDN_400_BAD = "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.0/css/font-awesome.css";
static final String CDN_403_BAD = "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css";
static final String FONTAWESOME_321_LOCAL = "font-awesome/3.2.1/css/font-awesome.css";
static final String FONTAWESOME_321_LOCAL_MIN = "font-awesome/3.2.1/css/font-awesome.min.css";
static final String FONTAWESOME_403_LOCAL = "font-awesome/4.0.3/css/font-awesome.css";
FontAwesome.load(); // default 3.0.2 via CDN
FontAwesome.load(new ThemeResource(FONTAWESOME_321_LOCAL)); // good
FontAwesome.load(new ThemeResource(FONTAWESOME_403_LOCAL)); // ?
Q: If Marc is watching, how can his addon be updated to support Font-Awesome 4.0.0 and later?
Many thanks in advance!