How to style icon color, size, and shadow of Font Awesome Icons

css twitter-bootstrap icons styles font-awesome-4

Elias7 · Sep 5, 2012 · Viewed 936k times · Source

How could I style the color, size and shadow of icons from Font Awesome's Icons?

For example, Font Awesome's site will show some icons in white and some in red but won't show the CSS for how to style them that way ...

Buttons and links of different colours, with both red, white and black icons next to them

Answer

Given that they're simply fonts, then you should be able to style them as fonts:

#elementID {
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}