Font Awesome icon usage statistics

  • 2 types of Font Awesome iconic font are used and found 19 times in total.
  • ACISNI.COM used 9.5 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of ACISNI.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • ACISNI.COM includes "http://acisni.com/wp-content/cache/minify/000000/jY5LDsIwDEQvRAg9EcrHIUaJjWKnVW9PIwQUsenG0thvPDNZ4YDOF7BB5CNOk0WKANE8Ggakm9GxFptwzIEmJjVuAeEK54p0wCK6FjCpbc4rUDzgaOg9kxwgM8_QBrgwR76z9Z1igfjWwyHWiYDuypwuNjia3Z8cRHErd91eJnDa20hnUbOgZqO5V08Oy-_x-yB1Copb91dY5qaBI8guootyfQI.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'FontAwesome-ipt';src:url('/wp-content/plugins/indeed-pricing-tables/files/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('/wp-content/plugins/indeed-pricing-tables/files/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('/wp-content/plugins/indeed-pricing-tables/files/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('/wp-content/plugins/indeed-pricing-tables/files/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal}.fa-ipt{display:inline-block;font-family:FontAwesome-ipt;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-download-ipt:before{content:"\f019"}.fa-cloud-download-ipt:before{content:"\f0ed"}.fa-sign-in-ipt:before{content:"\f090"}.fa-user-ipt:before{content:"\f007"}.fa-share-ipt:before{content:"\f064"}.fa-map-marker-ipt:before{content:"\f041"}.fa-lock-ipt:before{content:"\f023"}.fa-shopping-cart-ipt:before{content:"\f07a"}.fa-reorder-ipt:before{content:"\f0c9"}.fa-caret-square-o-right-ipt:before{content:"\f152"}.clear{clear:both}.ipt_wrap-table{}#ipt_table{margin:0px !important;padding:0px !important;margin-top:25px !important;margin-bottom:20px !important;position:relative;width:100%}ul#ipt_table{list-style-type:none !important}ul#ipt_table li{margin:0px !important;padding:0px !important;list-style-type:none}ul#ipt_table ul{margin-top:0px;margin-bottom:0px !important;margin-right:0px !important;margin-left:0px !important;padding:0px !important;list-style-type:none}.ipt_tr_li{min-width:90px;margin-bottom:0px;position:relative;display:inline-block;vertical-align:top}.ipt_tr_li ul{position:relative;line-height:1.4em !important}.ipt_table_item{height:60px;position:relative;background-color:#fff;margin:0px;border:0px solid transparent}.ipt_item-unset{background:#ECECEC;height:calc(100% - 14px);cursor:pointer;text-align:center;box-sizing:border-box;overflow:hidden;margin:7px;margin-top:0px;margin-bottom:14px;min-height:19px;transform:translateY(7px)}.ipt_item-set{background:#fafafa;height:100%;cursor:pointer;text-align:center;box-sizing:border-box;overflow:hidden}.ipt-content-element{width:100%;position:relative;top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box}.icon-ipt-btn{display:inline-block;font-family:FontAwesome-ipt;font-style:normal;font-weight:normal;line-height:14px;font-size:14px;width:20px}.ribbon_1,.ribbon_2,.ribbon_3,.ribbon_4,.ribbon_5,.ribbon_6,.ribbon_7,.ribbon_8,.ribbon_9,.ribbon_10,.ribbon_11,.ribbon_12,.ribbon_13,.ribbon_14,.ribbon_15,.ribbon_16{width:45px;height:45px;background-size:contain;display:inline-block;position:absolute;top:-2px;left:-2px;background-repeat:no-repeat;z-index:2}.ribbon_17,.ribbon_18,.ribbon_19,.ribbon_20,.ribbon_21,.ribbon_22,.ribbon_23,.ribbon_24,.ribbon_25,.ribbon_26,.ribbon_27,.ribbon_28,.ribbon_29,.ribbon_30,.ribbon_31,.ribbon_32{width:45px;height:45px;background-size:contain;display:inline-block;position:absolute;top:-2px;right:-2px;background-repeat:no-repeat;z-index:2}.ribbon_33,.ribbon_34,.ribbon_35,.ribbon_36,.ribbon_37,.ribbon_38,.ribbon_39,.ribbon_40,.ribbon_41,.ribbon_42,.ribbon_43,.ribbon_44,.ribbon_45,.ribbon_46,.ribbon_47,.ribbon_48{width:45px;height:45px;background-size:contain;display:inline-block;position:absolute;top:-2px;left:-3px;background-repeat:no-repeat;z-index:2}.ribbon_49,.ribbon_50,.ribbon_51,.ribbon_52,.ribbon_53,.ribbon_54,.ribbon_55,.ribbon_56,.ribbon_57,.ribbon_58,.ribbon_59,.ribbon_60,.ribbon_61,.ribbon_62,.ribbon_63,.ribbon_64{width:45px;height:45px;background-size:contain;display:inline-block;position:absolute;top:-2px;right:-3px;background-repeat:no-repeat;z-index:2}.ribbon_65,.ribbon_66,.ribbon_67,.ribbon_68,.ribbon_69,.ribbon_70,.ribbon_71,.ribbon_72,.ribbon_73,.ribbon_74,.ribbon_75,.ribbon_76,.ribbon_77,.ribbon_78,.ribbon_79,.ribbon_80{width:70px;height:25px;background-size:contain;display:inline-block;position:absolute;top:8px;left:-4px;background-repeat:no-repeat;z-index:2}.ribbon_81,.ribbon_82,.ribbon_83,.ribbon_84,.ribbon_85,.ribbon_86,.ribbon_87,.ribbon_88,.ribbon_89,.ribbon_90,.ribbon_91,.ribbon_92,.ribbon_93,.ribbon_94,.ribbon_95,.ribbon_96{width:70px;height:25px;background-size:contain;display:inline-block;position:absolute;top:8px;right:-4px;background-repeat:no-repeat;z-index:2}.ribbon_97,.ribbon_98,.ribbon_99,.ribbon_100,.ribbon_101,.ribbon_102,.ribbon_103,.ribbon_104,.ribbon_105,.ribbon_106,.ribbon_107,.ribbon_108,.ribbon_109,.ribbon_110,.ribbon_111,.ribbon_112{width:25px;height:70px;background-size:contain;display:inline-block;position:absolute;top:-4px;left:8px;background-repeat:no-repeat;z-index:2}.ribbon_113,.ribbon_114,.ribbon_115,.ribbon_116,.ribbon_117,.ribbon_118,.ribbon_119,.ribbon_120,.ribbon_121,.ribbon_122,.ribbon_123,.ribbon_124,.ribbon_125,.ribbon_126,.ribbon_127,.ribbon_128{width:25px;height:70px;background-size:contain;display:inline-block;position:absolute;top:-4px;right:8px;background-repeat:no-repeat;z-index:2}.ribbon_1{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_1.png')}.ribbon_2{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_2.png')}.ribbon_3{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_3.png')}.ribbon_4{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_4.png')}.ribbon_5{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_5.png')}.ribbon_6{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_6.png')}.ribbon_7{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_7.png')}.ribbon_8{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_8.png')}.ribbon_9{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_9.png')}.ribbon_10{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_10.png')}.ribbon_11{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_11.png')}.ribbon_12{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_12.png')}.ribbon_13{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_13.png')}.ribbon_14{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_14.png')}.ribbon_15{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_15.png')}.ribbon_16{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_16.png')}.ribbon_17{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_17.png')}.ribbon_18{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_18.png')}.ribbon_19{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_19.png')}.ribbon_20{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_20.png')}.ribbon_21{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_21.png')}.ribbon_22{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_22.png')}.ribbon_23{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_23.png')}.ribbon_24{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_24.png')}.ribbon_25{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_25.png')}.ribbon_26{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_26.png')}.ribbon_27{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_27.png')}.ribbon_28{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_28.png')}.ribbon_29{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_29.png')}.ribbon_30{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_30.png')}.ribbon_31{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_31.png')}.ribbon_32{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_32.png')}.ribbon_33{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_33.png')}.ribbon_34{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_34.png')}.ribbon_35{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_35.png')}.ribbon_36{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_36.png')}.ribbon_37{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_37.png')}.ribbon_38{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_38.png')}.ribbon_39{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_39.png')}.ribbon_40{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_40.png')}.ribbon_41{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_41.png')}.ribbon_42{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_42.png')}.ribbon_43{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_43.png')}.ribbon_44{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_44.png')}.ribbon_45{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_45.png')}.ribbon_46{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_46.png')}.ribbon_47{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_47.png')}.ribbon_48{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_48.png')}.ribbon_49{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_49.png')}.ribbon_50{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_50.png')}.ribbon_51{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_51.png')}.ribbon_52{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_52.png')}.ribbon_53{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_53.png')}.ribbon_54{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_54.png')}.ribbon_55{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_55.png')}.ribbon_56{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_56.png')}.ribbon_57{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_57.png')}.ribbon_58{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_58.png')}.ribbon_59{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_59.png')}.ribbon_60{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_60.png')}.ribbon_61{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_61.png')}.ribbon_62{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_62.png')}.ribbon_63{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_63.png')}.ribbon_64{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_64.png')}.ribbon_65{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_65.png')}.ribbon_66{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_66.png')}.ribbon_67{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_67.png')}.ribbon_68{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_68.png')}.ribbon_69{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_69.png')}.ribbon_70{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_70.png')}.ribbon_71{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_71.png')}.ribbon_72{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_72.png')}.ribbon_73{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_73.png')}.ribbon_74{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_74.png')}.ribbon_75{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_75.png')}.ribbon_76{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_76.png')}.ribbon_77{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_77.png')}.ribbon_78{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_78.png')}.ribbon_79{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_79.png')}.ribbon_80{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_80.png')}.ribbon_81{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_81.png')}.ribbon_82{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_82.png')}.ribbon_83{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_83.png')}.ribbon_84{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_84.png')}.ribbon_85{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_85.png')}.ribbon_86{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_86.png')}.ribbon_87{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_87.png')}.ribbon_88{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_88.png')}.ribbon_89{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_89.png')}.ribbon_90{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_90.png')}.ribbon_91{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_91.png')}.ribbon_92{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_92.png')}.ribbon_93{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_93.png')}.ribbon_94{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_94.png')}.ribbon_95{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_95.png')}.ribbon_96{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_96.png')}.ribbon_97{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_97.png')}.ribbon_98{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_98.png')}.ribbon_99{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_99.png')}.ribbon_100{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_100.png')}.ribbon_101{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_101.png')}.ribbon_102{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_102.png')}.ribbon_103{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_103.png')}.ribbon_104{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_104.png')}.ribbon_105{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_105.png')}.ribbon_106{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_106.png')}.ribbon_107{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_107.png')}.ribbon_108{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_108.png')}.ribbon_109{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_109.png')}.ribbon_110{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_110.png')}.ribbon_111{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_111.png')}.ribbon_112{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_112.png')}.ribbon_113{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_113.png')}.ribbon_114{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_114.png')}.ribbon_115{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_115.png')}.ribbon_116{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_116.png')}.ribbon_117{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_117.png')}.ribbon_118{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_118.png')}.ribbon_119{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_119.png')}.ribbon_120{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_120.png')}.ribbon_121{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_121.png')}.ribbon_122{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_122.png')}.ribbon_123{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_123.png')}.ribbon_124{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_124.png')}.ribbon_125{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_125.png')}.ribbon_126{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_126.png')}.ribbon_127{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_127.png')}.ribbon_128{background-image:url('/wp-content/plugins/indeed-pricing-tables/files/img/ribbons/ribbon_128.png')}.off.ipt_column_zoom:hover{zoom:1.05;box-shadow:5px 0px 30px rgba(0,0,0,0.2);-webkit-box-shadow:5px 0px 30px rgba(0,0,0,0.2);-moz-box-shadow:5px 0px 30px rgba(0,0,0,0.2);-webkit-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;-moz-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;-o-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;-ms-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;top:-4px;position:relative;z-index:99994}.ui-sortable .off.ipt_column_zoom:hover{top:-18px}.off.ipt_column_light_move:hover{box-shadow:5px 0px 30px rgba(0,0,0,0.1);-webkit-box-shadow:5px 0px 30px rgba(0,0,0,0.1);-moz-box-shadow:5px 0px 30px rgba(0,0,0,0.1);-webkit-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;-moz-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;-o-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;-ms-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;top:-2px;position:relative;z-index:99994}.off.ipt_column_light:hover{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0.85}.off.ipt_column_dark:hover{filter:saturate(70%) brightness(98%);-webkit-filter:saturate(70%) brightness(98%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.off.ipt_column_magic-color:hover{filter:hue-rotate(180deg) brightness(99%);-webkit-filter:hue-rotate(180deg) brightness(99%);-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}.on.ipt_column_zoom{zoom:1.05;box-shadow:5px 0px 30px rgba(0,0,0,0.2);-webkit-box-shadow:5px 0px 30px rgba(0,0,0,0.2);-moz-box-shadow:5px 0px 30px rgba(0,0,0,0.2);-webkit-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;-moz-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;-o-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;-ms-transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;transition:top 0.4s ease, left 0.4s ease, box-shadow 0.5s ease;top:-4px;left:0px;position:relative;z-index:99992}.ui-sortable .on.ipt_column_zoom{top:-18px}.on.ipt_column_light_move{box-shadow:5px 0px 30px rgba(0,0,0,0.1);-webkit-box-shadow:5px 0px 30px rgba(0,0,0,0.1);-moz-box-shadow:5px 0px 30px rgba(0,0,0,0.1);-webkit-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;-moz-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;-o-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;-ms-transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;transition:top 0.4s linear, left 0.4s ease, box-shadow 0.5s ease;top:-2px;position:relative;z-index:99992}.on.ipt_column_light{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0.85}.on.ipt_column_dark{filter:saturate(70%) brightness(98%);-webkit-filter:saturate(70%) brightness(98%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.on.ipt_column_magic-color{filter:hue-rotate(180deg) brightness(99%);-webkit-filter:hue-rotate(180deg) brightness(99%);-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}body .tabbable{*zoom:1}body .tabbable .nav{list-style:none;margin:0;padding:0;margin-bottom:18px}body .tabbable .nav li{list-style:none;display:block;float:left;clear:none;margin:0;padding:0;margin-bottom:-1px}body .tabbable .nav li a{margin:0;padding:0;text-decoration:none;padding:0.5em 1em;margin-right:2px;line-height:14px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}body .tabbable .nav li a:hover{background:#EEE;border-color:#eee #eeeeee #ddd}body .tabbable .tab-content{clear:both}body .tabbable .clearfix{*zoom:1}body .tabbable .clearfix:before, body .tabbable .clearfix:after{display:table;content:""}body .tabbable .clearfix:after{clear:both}body .tabbable .nav-tabs{*zoom:1}body .tabbable .nav-tabs:before, body .tabbable .nav-tabs:after{display:table;content:""}body .tabbable .nav-tabs:after{clear:both}body .tabbable .nav-tabs{border-bottom:1px solid #ddd}body .tabbable .nav-tabs > .active > a, body .tabbable .nav-tabs>.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}body .tabbable:before, body .tabbable:after{display:table;content:""}body .tabbable:after{clear:both}body .tabbable .tab-content{overflow:hidden}body .tabbable .tab-content>.tab-pane{display:none}body .tabbable .tab-content>.active{display:block}body .tabbable .tab-pane li{overflow:hidden;list-style:none;margin-bottom:0.5em}body .tabbable .meta, body .tabbable .comment-content{display:block}body .tabbable .nav-stacked>li{float:none}body .tabbable .nav-stacked>li>a{margin-right:0}body .tabbable .nav-tabs.nav-stacked{border-bottom:0}body .tabbable .nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body .tabbable .nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}body .tabbable .nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}body .tabbable .nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2}body .tabbable.tabs-below .nav-tabs{border-top:1px solid #ddd}body .tabbable.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0}body .tabbable.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}body .tabbable.tabs-below .nav-tabs, body .tabbable.tabs-right .nav-tabs, body .tabbable.tabs-left .nav-tabs{border-bottom:0}body .tabbable.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd}body .tabbable.tabs-below .nav-tabs .active > a, body .tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd}body .tabbable.tabs-left .nav-tabs > li, body .tabs-right .nav-tabs>li{float:none}body .tabbable.tabs-left .nav-tabs > li > a, body .tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}body .tabbable.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}body .tabbable.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}body .tabbable.tabs-left .nav-tabs>li>a:hover{border-color:#eee #dddddd #eee #eeeeee}body .tabbable.tabs-left .nav-tabs .active > a, body .tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}body .tabbable.tabs-left .tab-content{clear:none}body .tabbable.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}body .tabbable.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}body .tabbable.tabs-right .nav-tabs>li>a:hover{border-color:#eee #eeeeee #eee #dddddd}body .tabbable.tabs-right .nav-tabs .active > a, body .tabbable.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}body .tabbable.tabs-right .tab-content{clear:none}body .tabbable .image-align-left .thumbnail, body .tabbable .image-align-left .photo{float:left;margin-right:0.8em}body .tabbable .image-align-right .thumbnail, body .tabbable .image-align-right .photo{float:right;margin-left:0.8em}body .tabbable .tab-pane ul{margin:0;padding:5px}body .tabbable .tab-pane ul li a{padding:0;line-height:1}body .tabbable .tab-pane.tab-pane-tags{text-align:center}@font-face{font-family:'FontAwesome';src:url('/wp-content/themes/canvas/includes/fonts/fontawesome-webfont.eot?v=3.1.0');src:url('/wp-content/themes/canvas/includes/fonts/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('/wp-content/themes/canvas/includes/fonts/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('/wp-content/themes/canvas/includes/fonts/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('/wp-content/themes/canvas/includes/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}

Examples and source code

icon-comment

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

<i class=" icon-comment"></i> icon-comment
Icon classes are echoed via CSS :before.

icon-comment

icon-comment

icon-comment

icon-comment

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=" icon-comment icon-large"></i> icon-comment</p>
<p><i class=" icon-comment icon-2x"></i> icon-comment</p>
<p><i class=" icon-comment icon-3x"></i> icon-comment</p>
<p><i class=" icon-comment icon-4x"></i> icon-comment</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  icon-comment"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-comment 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=" icon-comment 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=" icon-comment"></i>  normal<br>
<i class=" icon-comment icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-comment icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-comment icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-comment icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-comment icon-flip-vertical"></i>  icon-flip-vertical

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

<i class=" icon-comment icon-2x icon-spin"></i>
<i class=" icon-comment icon-3x icon-spin"></i>
<i class=" icon-comment icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-comment on icon-check-empty
icon-comment on icon-circle
icon-commentl on icon-sign-blank
icon-ban-circle on icon-comment

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=" icon-comment "></i>
</span>
icon-comment on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-comment icon-light"></i>
</span>
icon-comment on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-comment icon-light "></i>
</span>
icon-comment on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-comment icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-comment