Wie wähle ich die richtige Schriftfamilie für Font Awesome 5 Pseudo-Elements aus?

Auswahl der richtigen Schriftfamilie für Font Awesome 5-Pseudoelemente

Wenn Sie Font Awesome 5-Symbole als Pseudoelemente in CSS verwenden, Es ist wichtig, die entsprechende Schriftfamilie anzugeben. Die verfügbaren Optionen sind: Font Awesome 5 Free, Font Awesome 5 Solid, Font Awesome 5 Brands und Font Awesome 5 Regular.

Fall 1: Markensymbol

Wenn Das von Ihnen verwendete Symbol gehört zum Markenstil (z. B. Twitter). Verwenden Sie die Schriftart „Font Awesome 5 Brands“. Schriftartenfamilie.

h1:before {
  font-family: "Font Awesome 5 Brands";
}

Fall 2: Solid-Symbol (Behebung des Problems)

Verwenden Sie für Solid-Symbole nicht das „ Schriftfamilie „Font Awesome 5 Solid“. Verwenden Sie stattdessen „Font Awesome 5 Free“, da einfarbige und normale Symbole dieselbe Schriftfamilie verwenden.

h1:before {
  font-family: "Font Awesome 5 Free";
}

Allgemeine Regel: Verwendung mehrerer Schriftfamilien

Um die Kompatibilität sicherzustellen, integrieren Sie alle erforderlichen Schriftfamilien in die Eigenschaft „font-family“. Der Browser wählt automatisch die richtige aus.

h1:before {
  font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
}

Hinweis:

• Die Symbole „Voll“ und „Normal“ unterscheiden sich nur in der Schriftstärke, nicht in der Schriftfamilie .
• Nicht alle regulären Symbole sind kostenlos; Einige sind nur im Pro-Paket verfügbar.
• Symbole, die nicht angezeigt werden, sind nicht unbedingt auf ein Problem mit der Schriftfamilie zurückzuführen.
• Alle Light- und Duotone-Versionen von Symbolen sind im Pro-Paket enthalten .

Das obige ist der detaillierte Inhalt vonWie wähle ich die richtige Schriftfamilie für Font Awesome 5 Pseudo-Elements aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!