wake-up-neo.com

Die Schriftarten-Icons noch dünner machen

Ich arbeitete mit fantastischen Icons für Schriftarten, aber das Problem ist, dass sie die Standardschriftstärke haben. Ich will es ein bisschen dünner. aber es funktioniert nicht

mein HTML-Code

    <span class="fa-stack fa-lg fa-5x color-red">
    <i class="fa fa-circle-thin fa-stack-2x"></i>
    <i class="fa fa-trophy"></i>
    </span>

mein CSS-Code

    .fa-trophy{
      font-weight:lighter;
     }
15
Daniel

Leider ist dies nicht mit Standards möglich (wenn dies in Ihrem Projekt nicht wichtig ist, können Sie den Vorschlag von Kiryl Ply verwenden). Font-Awesome gibt es nur mit einer Schriftart-Gewichtsvariante. Es gibt ein neues Projekt, um dieses Problem zu lösen (noch nicht fertiggestellt):

https://www.kickstarter.com/projects/232193852/font-awesome-black-tie

sie könnten nach einer anderen Bibliothek mit einem etwas dünneren Aspekt suchen, versuchen Sie es mit "Icon-Font" in Google.

9
kurroman

Sie können es mit dem Webkit beheben:

-webkit-text-stroke: 1px background-color;
19

versuche es mit diesem

  .class-name i{
        -webkit-text-stroke: 2px white;
    }
7
Milan Panigrahi

Ich weiß, dass dies eine alte Frage ist, aber hoffentlich kann meine Antwort jemandem helfen, der beim Stapeln von zwei fantastischen Zeichensätzen einen kleineren Kreis wünscht. Ich habe viel Zeit und Energie aufgewendet, bevor ich auf diesen Artikel gestoßen bin, der mir in die richtige Richtung half. Meine Lösung:

<span class="fa-stack fa-3x">
   <i class="fa fa-circle fa-stack-2x icon-circle"></i>
   <i class="fa fa-leaf fa-stack-1x"></i>
</span>

.icon-circle{
color: transparent !important;
border: 5px solid #YourColor;
border-radius: 50%;}

Wenn ich meinen Code bereinige, kann ich den! Wichtigen Tag wahrscheinlich entfernen, aber so sieht mein Code 5 Minuten nach dem Finden meiner Lösung aus. Ich hoffe, das kann jemandem helfen und es ist schön, nach all der Hilfe, die ich von anderen Leuten in diesem Forum erhalten habe, zurückzugeben. 

0
Preben Hesvik