Fontawesome

Setup

echo $this->Html->css('/sandbox/fontello/css/webfont');

Nice font-icons

See fontello.com

Note: Some of the effects below are possible due to the already included font-awesome css.

Using <i>-tag with style font size

icon-clouds
icon-clouds (small)

icon-clouds (30px)

Using icon-x sizes

icon-clouds (normal, 14px)

icon-clouds (large, +33% = 19px;)

icon-clouds (2x, 28px)

icon-clouds (3x, 42px)

icon-clouds (4x, 56px)

icon-clouds (4x, 70px)

Rotating

Normal:
 

Rotated:
  icon-rotate-90
  icon-rotate-270

Spin:
  icon-spin

Other features

icon-muted

icon-light

icon-dark

icon-border


Send your feedback or bugreport!