Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • CSSNEWBIE.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of CSSNEWBIE.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • CSSNEWBIE.COM includes "http://www.cssnewbie.com/wp-content/cache/minify/000000/M9BPLi7OSy1PykyNLzPRLy6pzEnVMdRPy88r0U0sTy3Oz03VTywuTi0pBilEEdfLzczTMUDVD1IDNiMeKAYA.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'FontAwesome';src:url("/wp-content/themes/cssnewbie_v4/fonts/fontawesome-webfont.eot?v=3.0.1");src:url("/wp-content/themes/cssnewbie_v4/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"),url("/wp-content/themes/cssnewbie_v4/fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"),url("/wp-content/themes/cssnewbie_v4/fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes
    spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes
    spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes
    spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes
    spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes
    spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Source Sans Pro',sans-serif;background:#222 url("/wp-content/themes/cssnewbie_v4/img/wild_oliva.png") fixed;color:#222;font-size:16px;line-height:1.25}.site-logo{margin:0;font:900 4.5em/1 'Raleway', sans-serif;letter-spacing:-.065em;position:relative;color:#008ccb;display:inline-block;*display:inline;zoom:1}.site-logo
    strong{font-size:.4em;position:absolute;top:69%;left:50%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);font-weight:normal;letter-spacing:normal;padding:.166em;color:#fff;border-radius:.1667em;border:.075em solid white;text-shadow:0 0.083em 0.002em rgba(0,0,0,0.65);-webkit-box-shadow:inset 0 0 0.0625em rgba(0,0,0,0.8),0 0 0.1em rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 0.0625em rgba(0,0,0,0.8),0 0 0.1em rgba(0,0,0,0.3);box-shadow:inset 0 0 0.0625em rgba(0,0,0,0.8),0 0 0.1em rgba(0,0,0,0.3);background-color:#005da6;background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 85, color-stop(0%, #005da7), color-stop(85%, #283991));background-image:-webkit-radial-gradient(#005da7 0%,#283991 85%);background-image:-moz-radial-gradient(#005da7 0%,#283991 85%);background-image:-o-radial-gradient(#005da7 0%,#283991 85%);background-image:radial-gradient(#005da7 0%,#283991 85%);-webkit-animation:wobble 1.25s ease-in-out 1;-moz-animation:wobble 1.25s ease-in-out 1;-o-animation:wobble 1.25s ease-in-out 1;animation:wobble 1.25s ease-in-out 1}.site-logo strong:hover{-webkit-animation:wobble 1.25s ease-in-out 1;-moz-animation:wobble 1.25s ease-in-out 1;-o-animation:wobble 1.25s ease-in-out 1;animation:wobble 1.25s ease-in-out 1}@-webkit-keyframes
    wobble{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}}@-moz-keyframes
    wobble{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}}@-o-keyframes
    wobble{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}}@-ms-keyframes
    wobble{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes
    wobble{0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}}.wrap{width:960px;margin:0
    auto;background:#fff url("/wp-content/themes/cssnewbie_v4/img/handmade_paper_40pc.png");box-shadow:0 0 5px rgba(0,0,0,0.75)}.grid:after{content:"";display:table;clear:both}[class*='col-'],.col,.comments-area .comment-form-author,.comments-area .comment-form-email,.comments-area .comment-form-url{float:left;padding-right:15px}.grid [class*='col-']:last-of-type,.grid .col:last-of-type,.grid .comments-area .comment-form-author:last-of-type,.comments-area .grid .comment-form-author:last-of-type,.grid .comments-area .comment-form-email:last-of-type,.comments-area .grid .comment-form-email:last-of-type,.grid .comments-area .comment-form-url:last-of-type,.comments-area .grid .comment-form-url:last-of-type{padding-right:0}.grid-pad{padding:15px
    0 15px 15px}.grid-pad [class*='col-']:last-of-type{padding-right:15px}.col-1-8{width:12.5%}.col-1-4{width:25%}.col-1-3,.comments-area .comment-form-author,.comments-area .comment-form-email,.comments-area .comment-form-url{width:33.33%}.col-1-2{width:50%}.col-2-3{width:66.66%}.col-3-4{width:75%}h1,h2,h3,h4,h5,h6{font-family:'Raleway',sans-serif}a{color:#e08d3c;text-decoration:none}a:hover{text-decoration:underline}p,ul,ol{font-size:.875em;margin-bottom:15px}p p,ul p,p ul,ul ul,p ol,ul
    ol{font-size:inherit}img{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.navigation
    a{text-decoration:none}.nav-previous{float:left}.nav-next{float:right}.styled-list,.content ul,.sidebar .widget
    ol{list-style:none;margin-left:0}.styled-list li,.content ul li,.sidebar .widget ol
    li{padding:0
    0 5px 15px;position:relative}.styled-list li:before,.content ul li:before,.sidebar .widget ol li:before{font-family:'FontAwesome';content:'\f05d';display:block;color:#888;font-size:.75em;line-height:2;position:absolute;left:1px;top:-1px}.header{position:relative;padding:7.5px 15px 7.5px;background-color:#ddd;border-bottom:1px solid #b7b7b7;box-shadow:0 1px 0 #fff}.header
    h2{font-weight:bold;text-align:right}.header
    nav{position:absolute;top:10px;right:45px;background:#fffff;color:#444;padding:7.5px 15px;border-radius:0px;box-shadow:inset 0px 0px 0 rgba(0,0,0,0.2)}.header nav
    ul{text-align:right;margin:0}.header nav ul
    li{display:inline-block;*display:inline;zoom:1}.header nav ul li
    a{color:#444;text-decoration:none;display:block;padding:0
    15px}.header nav ul li
    form{padding:5px
    10px;vertical-align:middle}.header nav ul li form
    fieldset{display:inline-block;*display:inline;zoom:1}.header nav ul li form
    input{width:200px}.header
    .ad{position:absolute;right:0;bottom:0}.search-form label,.search-form .search-submit{display:none}.content{margin-top:15px}.content .top_banner_ad
    .bsap{margin:-15px 0 15px}.content
    h2{font-weight:700;font-size:1.5em;line-height:1.2;margin-bottom:7.5px}.content h2
    a{color:#222}.content h2.search-title span:before,.content h2.search-title span:after{content:'"'}.content
    h3{font-weight:700;color:#005da6;clear:left;margin-top:15px}.content h3
    small{font-size:.75em}.content h3
    a{color:#005da6}.content
    .meta{font-size:1em;line-height:1.2;color:#888}.content .meta
    p{font-size:inherit}.content
    ol{list-style:decimal;margin-left:2em}.content
    strong{font-weight:bold}.content
    em{font-style:italic}.content
    article{line-height:1.4;margin-bottom:15px}.content article.col-1-2{margin-top:7.5px}.content article.col-1-2 .attachment-thumbnail{float:left;margin:5px
    7.5px 0 0;max-width:50%}.content article.col-1-2:nth-of-type(2n+1){clear:left}.content article
    .byline{background:#f2f2f2;margin:15px
    0;padding:7.5px 15px;font-size:.75em;line-height:1}.content article
    img{max-width:100%;height:auto;display:block;margin:0
    auto;border:2px
    solid #fff;box-shadow:0 0 1px rgba(0,0,0,0.2)}.content article pre,.content article code,.content article
    .wp_syntax{background:#eee;padding:15px;overflow:auto;font-family:monospace;font-size:.75em;line-height:1.5;border:2px
    solid #fff;box-shadow:0 0 1px rgba(0,0,0,0.2);margin-bottom:15px;position:relative}.content article pre pre,.content article code pre,.content article .wp_syntax
    pre{box-shadow:0px none;border:0px
    none;padding:0}.content article p
    code{padding:0
    3px;border:0px
    none;box-shadow:none;margin:0;font-size:1em;line-height:inherit}.content article .ad,.content article
    .adsert{margin:15px
    0}.content article .ad img,.content article .adsert
    img{padding:0;border:0px
    none;box-shadow:0px none}.content
    article.latest{padding-bottom:1px;margin-bottom:14px;border-bottom:1px dotted #ddd}.content article.latest
    p{font-size:.9375em}.content #bsa_adwidget li:before{display:none}.comments-area
    .commentlist{list-style:none;margin:15px
    0 0}.comments-area li.comment,.comments-area
    li.pingback{clear:left;padding:7.5px;margin-bottom:5px;border:1px
    solid #ddd;background-color:#fff;overflow:auto;position:relative}.comments-area li.comment p,.comments-area li.pingback
    p{font-size:inherit}.comments-area li.comment.odd,.comments-area
    li.pingback.odd{background-color:#f2f2f2}.comments-area
    li.comment{-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;-ms-border-radius:8px 8px 8px 0;-o-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0}.comments-area li.comment
    article{margin:0}.comments-area li.comment article
    img{float:left;margin:0
    15px 15px 0;border:0px
    none;-webkit-border-radius:8px 8px 8px 0;-moz-border-radius:8px 8px 8px 0;-ms-border-radius:8px 8px 8px 0;-o-border-radius:8px 8px 8px 0;border-radius:8px 8px 8px 0;padding:0;box-shadow:none}.comments-area li.comment article
    cite{font-weight:bold;display:block;font-size:1.25em}.comments-area li.comment article cite
    span{font-weight:normal;font-size:.8em}.comments-area li.comment article
    time{font-style:italic;color:#888}.comments-area li.comment article
    section{margin-left:115px}.comments-area li.comment article
    .reply{float:right}.comments-area li.comment article
    p{margin-bottom:7.5px}.comments-area li.comment article .edit-link{margin:0}.comments-area li.comment article code,.comments-area li.comment article
    pre{background:transparent;padding:0;border:0px
    none;box-shadow:none}.comments-area li.comment
    .children{margin:0
    0 0 15px;font-size:inherit}.comments-area li.pingback
    p{margin:0;font-style:italic}.comments-area form
    label{display:block}.comments-area form input[type="text"],.comments-area form
    textarea{width:100%}.comments-area .comment-form-comment{clear:left}.comments-area .form-allowed-tags{font-size:.75em;font-style:italic}.comments-area #cancel-comment-reply-link{color:#e08d3c}.sidebar{padding-right:0}.sidebar>div{margin-bottom:15px;max-width:300px}.sidebar
    .widget{padding:7.5px;box-shadow:0 0 1px rgba(0,0,0,0.2);border:2px
    solid #fff}.sidebar
    .widget.widget_text{padding:0;background:transparent;box-shadow:none;border:0px
    none}.sidebar .widget>h3{font-weight:bold;margin-bottom:7.5px}.sidebar .widget
    ol{list-style:none}.sidebar .widget.widget_ultimate_posts
    ul{margin:0}.sidebar .widget.widget_ultimate_posts ul
    li{padding:0}.sidebar .widget.widget_ultimate_posts ul li:before{display:none}footer{background:#444;color:#fff;overflow:auto;display:block;clear:both}footer .col-1-3,footer .comments-area .comment-form-author,.comments-area footer .comment-form-author,footer .comments-area .comment-form-email,.comments-area footer .comment-form-email,footer .comments-area .comment-form-url,.comments-area footer .comment-form-url{padding-right:0}footer
    .profilePic{float:left;margin:0
    7.5px 7.5px 0}footer ul
    li{padding:7.5px 0;border-top:1px solid rgba(0,0,0,0.2)}footer ul li:first-child{border-top:0px none;padding-top:0}@media (min-width: 768px) and (max-width: 979px){.wrap{width:760px;margin:0
    auto}.well{width:58%}.header .site-logo{font-size:6em}.header
    nav{top:0;right:0;border-radius:0 0 0 24px}.header
    h2{width:50%;margin:-20px 0 0 50%}.content
    img{max-width:100%;height:auto}.sidebar>div{width:300px}}@media (max-width: 767px){.wrap{width:100%;margin:0;background:#fafafa;box-shadow:none}[class*='col-']{width:100%}.header{padding-top:40px}.header .site-logo{font-size:3.5em;margin-left:-10px}.header
    h2{width:50%;position:absolute;right:10px;top:50px;font-size:.75em}.header
    nav{top:0;right:auto;left:0;border-radius:0;width:100%;padding:5px;font-size:.75em}.header nav ul li
    a{padding:0
    3.75px;font-weight:bold}.header nav ul li
    form{padding:0
    3.75px}.header nav ul li form
    input{width:100px}.content
    img{max-width:100%;height:auto}.comments-area li.comment article
    section{clear:left;margin-left:0}.comments-area li.comment article
    .reply{float:none}}h3{font-size:20px;margin-top:28px;margin-bottom:8px;border-bottom:1px solid #005da6}.content
    p{font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif}.content
    h2{font-size:32px}#aft:after{content:"*";position:absolute;top:5px;right:35px;font-size:115px;color:#fff}a.downl{padding:7px
    27px;color:#fff;font-size:19px;background:#e08d3c}.downb{margin:22px
    0px}#aft{position:relative}.wrap{box-shadow:0 0 0px rgba(0,0,0,0.75) !important;background:#fff !important}.content article.latest
    p{font-size:1em !important}.content
    p{font-size:1em !important}#custom_post-2
    a{font-weight:bold;font-size:17px}#custom_post-2
    li{padding:0
    0 15px 15px}#custom_post-2  li:before{font-size:1em;left:-4px;top:-3px}.entry-content
    p{line-height:190%}.search-form
    #search{padding:5px;width:305px;height:34px}.wrap
    .header{position:absolute;left:0;right:0;background:#fff;padding-top:0px;margin-top:-10px}.content{padding-top:100px}.header ul li
    a{font-family:'Oswald',sans-serif;font-size:19px;color:#213d93 !important;padding-bottom:3px !important;border-bottom:4px solid #ddd;padding-left:0px !important;padding-right:0px !important}.page-id-250 .grid li
    a{font-family:'Open Sans',sans-serif;font-size:18px;color:#000}.page-id-250 .grid
    li{padding:0
    0 12px 15px}.header ul
    li{padding:0px
    15px}.wrap .header
    .subtitle{font-family:'Open Sans',sans-serif;font-size:14px;color:#222;font-weight:normal;paddin-right:80px !important}.sidebar
    h3{font-family:'Oswald',sans-serif;font-size:24px;font-weight:normal !important;color:#fff;background:#005da6;padding-left:6px}.sidebar ul li
    a{font-family:'Open Sans',sans-serif;font-size:18px;color:#000}.sidebar #custom_post-2 ul li
    a{font-weight:normal}.sidebar #sticky-posts-2 .post-title
    a{font-weight:bold}#crp_related ul
    li{font-family:'Open Sans',sans-serif;font-size:18px;color:#000;padding:6px
    0px 6px 20px !important}#crp_related ul li
    a{font-family:'Open Sans',sans-serif;font-size:18px;color:#000}footer{background:#fff}footer
    a{font-family:'Oswald',sans-serif;font-size:19px;color:#000}footer{color:#005da6;border-top:1px solid #ddd}.subti{padding-right:65px}@media screen and (max-width: 800px){.subti{display:none}.search-form{display:none !important}}.equal{width:100%;margin:5px;padding:6px
    10px 1px 10px;border:1px
    solid #444}.equal
    td{vertical-align:top}.equal
    table{margin:0px
    auto;width:700px}.equal
    .duece{padding-top:15px}.equal .duece
    a{color:#333;font-weight:bold}@font-face{font-family:'FontAwesome';src:url('/wp-content/plugins/font-awesome/assets/font/fontawesome-webfont.eot?v=3.2.1');src:url('/wp-content/plugins/font-awesome/assets/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/wp-content/plugins/font-awesome/assets/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/wp-content/plugins/font-awesome/assets/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/wp-content/plugins/font-awesome/assets/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal}

Examples and source code

fa-lemon-o hidden-print t1

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1