Brauchen Sie Hilfe im stacking-font-awesome-icons

Ich neulich die font-awesome version von 3.2.1 zu 4.

Hatte ich diese Arbeit in 3.2.1

<li><span class="icon-stack stacked"><i class="icon-circle icon-stack-base"></i><i class="icon-phone icon-2x icon-light">
</i></span><span class="stacktext">Your Phone Number</span></li>

 .stacked
 {
  float: left;
  margin-right: 15px;
  color: #3ECCFC;
 }

.stacktext
{
  text-align:left;
  font-size: 14px;
  color: #444444;
}

Aber es nicht stapeln sich in version 4.

<li><span class="fa fa-stack stacked"><i class="fa fa-circle fa fa-stack-base"></i><i class="fa fa-phone icon-2x fa fa-light">
        </i></span><span class="stacktext">Your Phone Number</span></li>
  • Könnten Sie uns zeigen-code von dem, was Sie getan haben, in der Schriftart Awesome 4?
  • aktualisiert die Frage..
InformationsquelleAutor user2281858 | 2015-04-14
  1. 5

    Müssen Sie nur die Klasse fa einmal in eine class="". Ich habe aktualisiert, mehrere bits in Ihrem code.

    Definieren Sie die Haupt-stack-Größe, die in der <span> rund um die <i> Elemente. stacked ist veraltet, in Font Ehrfürchtig 4, da fa-stack definiert einen Stapel zu. Auch fa-light geändert fa-inverse. Endlich fa-stack-1x und fa-stack-2x sind zum skalieren der Symbole in den Stacks. fa-stack-2x werden verwendet, um ein Symbol größer im Vergleich zu den anderen Symbol im stack.

    Alles zusammen führt zu:

    <li>
   <span class="fa-stack fa-2x">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-phone fa-stack-1x fa-inverse"></i>
   </span>
   <span class="stacktext">Your Phone Number</span>
</li>

    Bitte überprüfen Sie die Beispiele der Stapel auf der Font Awesome-Webseite: Stapeln.

    • Und wie zur Hölle man die Größe dieses?
    InformationsquelleAutor Hkidd
  2. 0

    Den icon- Klasse Präfix geworden fa fa- :

    Symbol-* -> fa fa-*

    Quelle: https://github.com/FortAwesome/Font-Awesome/wiki/Upgrading-from-3.2.1-to-4

    • ich habe versucht, nur vor
    InformationsquelleAutor Bluety
Schreibe einen Kommentar