Warum wird mein Font Awesome 5-Symbol nicht angezeigt?

Warum wird der CSS-Inhalt von Font Awesome 5 nicht angezeigt?

Beim Versuch, den CSS-Inhalt von Font Awesome zu nutzen, stoßen Benutzer möglicherweise auf ein Problem, bei dem nur Anstelle des gewünschten Symbols wird der Symbolcode angezeigt. Dies kann gelöst werden, indem sowohl die Attribute „font-family“ als auch „content“ angesprochen werden.

Font-family-Korrektur

Im bereitgestellten Codeausschnitt ist das Attribut „font-family“ falsch als „FontAwesome“ festgelegt. Die richtige Schriftfamilie für Font Awesome 5 Free ist:

font-family: "Font Awesome 5 Free";

Inhaltskorrektur

Dem Inhaltsattribut fehlt ein führender Backslash ''. Anstelle von /f35a sollte es lauten:

content: '\f35a';

Hier ist der aktualisierte Code mit den vorgenommenen Korrekturen:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
}

Durch diese Korrekturen sollte das Font Awesome-Symbol jetzt ordnungsgemäß angezeigt werden .

Das obige ist der detaillierte Inhalt vonWarum wird mein Font Awesome 5-Symbol nicht angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!