Icon-Fonts als Bild einbinden

von | Aug. 15, 2018 | Design, Font / Schrift | 2 Kommentare

Schlagwörter: Dienste / Tool - featured - Font

Ihr habt sicher schon von den Icon-Fonts gehört, dazu gehören zum Beispiel Font Awesome, Zocial, Typicons und vieles mehr. Ja es sind eigentlich kleine Icons / Symbole aber als Schrift. Der Vorteil ist, man kann diese Bilder einfach via CSS einbinden und dann auch mit CSS umfärben und weiterverwenden. Nun man kann diese Bibliotheken ja eigentlich als CSS Files einbinden, oder aber via CDN auf fremden Servern. Leider hat die letzte Möglichkeit einen kleinen Nachteil – es telefoniert also nach Hause – und verstösst somit gegen DSGVO.

Heute möchte ich euch einen Dienst vorstellen, wo ihr diese Icon-Fonts in Bilder umwandeln könnt. So verhindert man, dass sie nach Hause telefonieren oder dass man ein zusätzliches CSS aufm Server einbinden muss.

Fa2PNG

Der Dienst nennt sich Fa2PNG.io.
Der Dienst wurde wohl eingestellt

Dort kann man einfach des Namen des gesuchten Icons eingeben, die Farbe auswählen und dann als PNG downloaden. Sehr einfach und sehr praktisch.

2 Kommentare

  1. Harald

    Hallo Herr Mächler,

    hoffnungsfroh bin ich auf Ihrer Seite „gelandet“ und habe diesen Beitrag gefunden. Genau das habe ich gesucht. Ich möchte Font Awesome Icons in eine Grafikdatei umwandeln um sie als Bild darstellen zu können.

    Doch leider scheint FA2PNG.io nicht mehr zu existieren.

    Haben Sie eine Alternative für mich?

    Würde mich über Ihre Antwort und einen Tipp sehr freuen.

    Vielen Dank im Voraus.

    Harald

    Antworten
    • Eric-Oliver Mächler

      hallo harald. danke für deine info.
      ja in der tat dieser dienst scheint nicht mehr zu laufen.

      hast du gesehen, du kannst die Icons direkt bei Google auch herunterladen und dann kannst sie zb in Canva oder Photoshop oder so einem Bildbearbeitetungstool auch selbst anpassen.

      Antworten

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert