come ridurre lo spessore dell'icona di bootstrap predefinita glyphicon glyphicon-chevron-right?

Question

Provo l'icona glyphicon-glyphicon-chevron-right per mostrare la direzione nel mio disegno ma ho bisogno di un po 'più sottile della dimensione predefinita. Così come ridurre lo spessore del icona di bootstrap di default di glyphicon glyphicon chevron-destra Il mio codice era: -

<div style="color:#FFF;"> 
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    </div> 

Answer 1

Il bootstrap attuale ha più icone tra cui una freccia più sottile chiamato glyphicon-menu-right.

Si può sempre cercare un carattere di icona alternativo. Ci sono letteralmente dozzine - alcune gratis. O assumere qualcuno per creare le icone che ti servono. Oppure fai da te, ad esempio con FontForge.

Answer 2

è possibile modificare css di tutti glyphicons bootstrap molto facilmente. Come in questo caso font-size e font-weight di classi .glyphicon & .glyphicon-chevron-right può essere ridotto a dimensioni desiderate

Answer 3

Basta impostare le proprietà width e heigth per l'icona. Ma assicurati di modificare le dimensioni dell'icona in proporzione una alla dimensione in altro

Answer 4

Cerco di trovare una soluzione anche per questo. Cercherò qualcosa di meglio, ma fino ad ora ho sostituito l'icona con .fa-chevron-down che è un po 'più sottile di .glyphicon-chevron-right.