wie die Dicke der Standard-Bootstrap-Symbol glyphicon glyphicon-chevron-rechts reduzieren?

Question

Ich versuche das Symbol glyphicon glyphicon-chevron-rechts für die Angabe der Richtung in meinem Design, aber ich brauche etwas dünn als Standardgröße. So wie die Dicke des Standard-Bootstrap-Symbol von glyphicon glyphicon-zick-zack-rechts Mein Code zu reduzieren war: -

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

Answer 1

Die aktuelle Bootstrap weitere Symbole, die einschließlich einer dünneren Pfeil glyphicon-menu-right genannt.

Sie könnten immer nach einer alternativen Symbolschrift suchen. Es gibt buchstäblich dutzende da draußen - einige kostenlos. Oder stellen Sie jemanden ein, der die benötigten Symbole erstellt. Oder machen Sie es selbst, zum Beispiel mit FontForge.

Answer 2

Sie css aller Bootstrap glyphicons sehr leicht verändern kann. Wie in diesem Fall font-size und font-weight der Klassen .glyphicon & .glyphicon-chevron-right kann auf die gewünschte Größe reduziert werden muss

Answer 3

Setzen Sie einfach width und heigth Eigenschaften für Ihr Symbol. Aber stellen Sie sicher, dass Sie Ihre Symbolabmessungen im Verhältnis 1 zu Dimension zu anderen

Answer 4

ändern Ich versuche, eine Lösung für diese auch zu finden. Ich werde nach etwas Besserem suchen, aber bis jetzt habe ich das Icon durch .fa-chevron-down ersetzt, das ein wenig dünner ist als .glyphicon-chevron-right.