FontAwesome - Wordpres

[sunghost]

Hi,
ich bekomme das Wordpress Icon nicht ins Template. modfied_responsive. Ich habe <i class="fa fa-wordpress">bzw <i class="fa fa-wordpress-simple"> probiert, beides zeigt nur ASCI oder so was an. Die anderen aus dem Template wie User und Login werden angezeigt.

Jemand eine Idee?
thx

Linkback: https://www.modified-shop.org/forum/index.php?topic=42822.0

[awids]

Mal mit "far" (regular) oder "fas" (solid) versucht? Beispiel(e):

Code: PHP  [Auswählen]

<i class="far fa-wordpress">...
<i class="fas fa-wordpress">...

[Timm]

Moin

Der Shop nutzt denke ich mittlerweile Fontawesome 5. Da heißt es

Code: XML  [Auswählen]

<i class="fab fa-wordpress">

und damit klappt's auch im Demoshop wenn man mit den Browserwerkzeugen zb das shoppingcart Symbol umändert.

Gruß Timm

[awids]

Du hast recht damit, dass es "fab" ist. Hatte nicht nachgeschaut und somit gar nicht auf dem Schirm, dass es unter den Marken (Brands = fab) gelistet ist.

Bei Version 4 war es noch ganz simpel:

Code: PHP  [Auswählen]

<i class="fa fa-home">...

Font-Awesome 5 Free, auf welches ich mich mit meinen Vorschlägen sehr wohl bezogen habe, hat halt noch die Kategorisierung in Form von Buchstaben hinten anhängen und ist schon ziemlich lange Shop-Standard.

Die aktuell neueste Version ist sogar schon bei V6, wo die Schreibweise wieder eine ganz andere ist:

Code: PHP  [Auswählen]

<i class="fa-solid fa-home">...

[sunghost]

Hey,
und danke für die Infos und Lösung.
Was mich wundert, ich habe auf Font Awesome geschaut und dort ist "fa-brands fa-wordpress" genannt. Daher wundere ich mich dass es für den Shop "fab fa-wordpress" heißen muss. In der fontawesome-all.css ist dies möglich:

Code: [Auswählen]

.fa,
.fas,
.far,
.fal,
.fad,
.fab
, also doch auch fa oder fas, was aber nicht funktioniert. Wie  ist das erklärbar?
thx

[Timm]

Moin

Dann hast du an der falschen Stelle geschaut.

https://fontawesome.com/v5/search?q=wordpress&o=r

Es gibt nur das, was bei Font Awesome 5 erstellt wurde. In diesem Fall nur 2x fab für Wordpress.

Das heißt aber nicht, dass es nicht andere Icons gibt, die als fas oder far erstellt wurden. Deshalb auch die Angaben in der fontawesome-all.css, wo es weitere styles gibt. Das heißt also nicht, dass es jedes Icon in jedem style gibt, aber über die gesamte Anzahl an Icons all diese Styles genutzt werden.

Hoffe das war verständlich !?

Gruß Timm

[sunghost]

Ah ok, ich hatte nur die aktuelle 6x gesehen. Wenn ich deinem Link folge, dann bin ich bei 5x und das CSS stimmt so.
Danke

[Timm]

Auf der Seite gibt es rechts ein Dropdown, wo du die Version einstellen kannst. Dann sieht man je Version, was es gibt zum Suchwort und wie es eingebunden werden muss.

Du kannst ja mal ein Ticket aufmachen im Bugtracker, ob Font Awesome 6 integriert wird.

https://trac.modified-shop.org/newticket

Gruß Timm

[hpzeller]

Hallo sunghost,

in der Datei /templates/tpl_modified_responsive/css/fontawesome-all.css wird die font-family für .fab des Font Awesome bestimmt.

Code: CSS  [Auswählen]

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../css/fonts/fa-regular-400.eot");
  src: url("../css/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../css/fonts/fa-regular-400.woff2") format("woff2"), url("../css/fonts/fa-regular-400.woff") format("woff"), url("../css/fonts/fa-regular-400.ttf") format("truetype"), url("../css/fonts/fa-regular-400.svg#fontawesome") format("svg"); }
 

Man könnte die Klasse z.B. auch .awesome5-brands nennen.

Gruss
Hanspeter

[sunghost]

Danke an euch, nun ist mir der Zusammenhang klarer geworden.