Bisher mussten Sie beim Erstellen von Sites Bitmap-Symbole verwenden. Es war schön, aber aus verschiedenen Gründen unbequem. Heute haben Vektorsymbole Rastersymbole ersetzt. Dies ist eine originelle und elegante Lösung, die Ihre Website dekorieren und auffrischen wird.
Anweisungen
Schritt 1
Es gibt einen guten Webservice zum Erstellen von Schriftarten aus Symbolen. Es heißt Fontastic. Es ist völlig kostenlos und ohne Werbung. Der erste Schritt ist die Registrierung auf der Service-Website. Gehen Sie auf die Website fontastic.me, geben Sie Ihre E-Mail-Adresse in die Eingabefelder ein und erstellen Sie ein Passwort, dann klicken Sie auf den großen gelben Button "Create your Icon Font". Manchmal kommt es vor, dass keine Informationen angezeigt werden, die eine erfolgreiche Registrierung bestätigen. Machen Sie sich keine Sorgen, fahren Sie mit dem nächsten Schritt fort.
Schritt 2
Klicken Sie nun auf die Schaltfläche "Anmelden" in der oberen rechten Ecke. Geben Sie auf der sich öffnenden Seite erneut Ihre E-Mail-Adresse und Ihr Passwort ein, klicken Sie auf die Schaltfläche "Anmelden".
Nachdem Sie einige Sekunden gewartet haben, öffnet sich das Bedienfeld zum Erstellen von Schriftarten aus Symbolen.
Schritt 3
Hier finden Sie eine große Auswahl an Symbolen. Durch Anklicken der gewünschten Icons mit der Maus wählen Sie so viele Icons aus, wie Sie benötigen. Oben wird nach dem Wort "PUBLISH" die Anzahl der ausgewählten Icons angezeigt.
Schritt 4
Wenn Sie nicht genügend Symbole von der angezeigten Nummer haben, scrollen Sie zum Ende der Seite und suchen Sie die Schaltfläche "Weitere Symbole hinzufügen". Klick es an.
Schritt 5
Eine Seite mit zusätzlichen Symbolpaketen wird geöffnet. Einige von ihnen sind kostenpflichtig (gekennzeichnet mit "Premium"), andere sind kostenlos. Um zusätzliche Symbole zu aktivieren, drücken Sie auf den ausgewählten Paketen die Schaltfläche "AKTIVIEREN". Jetzt erscheinen sie in der allgemeinen Liste der verfügbaren Symbole, wenn Sie zu den ersten Schritten mit dem Control Panel gehen, indem Sie auf die Schaltfläche "Home" im oberen Menü klicken.
Schritt 6
Wenn Sie Ihre eigenen Symbole hinzufügen müssen, klicken Sie auf der gleichen Seite oben rechts auf die Schaltfläche "IKONEN IMPORTIEREN". Sie können jetzt Ihre eigenen Symbole hochladen. Bitte beachten Sie, dass nur das SVG-Vektorformat unterstützt wird.
Schritt 7
Nachdem Sie die gewünschte Anzahl von Symbolen ausgewählt haben, drücken Sie die Taste "ANPASSEN". Hier sehen Sie alle ausgewählten Icons und können ihnen beliebige Klassennamen zuweisen, mit denen Sie in CSS-Stilen darauf verweisen. Oder Sie belassen die Standardnamen, die das System den Symbolen zugewiesen hat.
Schritt 8
Drücken Sie die Schaltfläche "VERÖFFENTLICHEN". Hier können Sie die erstellte Vektor-Icon-Schriftart herunterladen ("DOWNLOAD"-Button). Laden Sie das vom Dienst erstellte Schriftenarchiv auf Ihren Computer herunter.
Schritt 9
Das heruntergeladene Archiv enthält die CSS-Style-Datei, die HTML-Datei mit den Namen der Icon-Klassen und den Ordner "fonts" mit den Schriftarten. Diese Symbolschrift kann auf Ihrer Website verwendet werden.
Schritt 10
Um die erstellte Symbolschriftart zu verwenden, müssen Sie Folgendes tun:
- entpacken Sie den Inhalt des Archivs und laden Sie ihn in das Verzeichnis mit Stilen auf Ihre Site hoch;
- Fügen Sie einen Link zu einer CSS-Datei in den HEAD-Bereich aller Site-Seiten ein, die mit dieser Symbolschriftart funktionieren;
- Im Seitencode verwenden wir den Namen der zuvor erstellten Klassen, um die neu erstellte Symbolschrift zu verwenden.
