Cum adaugam iconita awesomefont pentru categorii?

Bun găsit,

în tutorialu de astăzi, am să vă învăț cum să puneți o iconiță awesome, deoarece 50% din utilizatorii se intreabă ”Intrebare iconite”, ”cum fac si eu o astfel de iconita”e.t.c.

Panou de Administrare > Afisare > Culori > Foaie de stil CSS, și adăugați acest cod înăuntru:

Cod:

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.desc-icon {
    background-color: #2d79da !important;
    border-radius: 100px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 27px!important;
    height: 50px;
    margin-left: 50px!important;
    margin-right: 15px;
    margin-top: -8px;
    overflow: hidden!important;
    padding: 12px 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    width: 50px;
}
.forabg .row .icon {
    background: none!important;
}

P.S: dacă codu intră peste descriere, sau intră în text: din "margin-left: 50px!important;", înlocuiți cu "margin-left: -50px!important;", până când iese poziționarea corectă.

după în descrierea unui forum, adăugați acest cod:

Cod:

<em class="font awesome  desc-icon"></em>

iconițele, se pot prelua după [Trebuie sa fiti inscris si conectat pentru a vedea acest link], căutați în limba engleză.

în cazul, în care nu ați înțeles: trebuie doar să înlocuiți "font awesome", cu un icon, exemplu:

Cod:

<em class="fa fa-bug desc-icon"></em> descriere aici

Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Acesta nu este un tutorial si nu se intelege absolut nimic din ceea ce explicati.
Va rog sa reveniti cu un tutorial perfect explicit si cu modificarile care trebuiesc aduse.