Angenommen, Sie erstellen eine Website, die viele Symbole verwendet. Wie würden Sie diese im Web implementieren? Als Bilddateien? Sie haben in der Vergangenheit gut funktioniert, aber nicht mehr; Nicht bei Retina-Displays und responsiven Websites. Icon-Fonts sind die beste Methode, und im Mastering Icon-Fonts im Web erfahren Sie alles, was Sie über sie wissen müssen: was sie sind, wie sie verwendet werden und wie Sie Ihre eigenen erstellen können.
Tuts + Ausbilder Adi Purdila zeigt Ihnen alles über die Funktionsweise von Symbolzeichensätzen, darunter Probleme mit der Zugänglichkeit, die Auswirkungen auf die Ladeleistung und die Browserunterstützung. Anschließend werden Sie mit dem Erstellen einer Symbol-Schriftart beginnen. Sie gehen durch den Prozess, indem Sie die Software auswählen, die Symbole entwerfen und schließlich die Schriftart selbst erstellen.
Hier ist eine kostenlose Vorschau auf einige Lektionen aus diesem Kurs:
Die Verwendung von Symbolzeichensätzen mag schwierig erscheinen, ist es aber nicht wirklich. In dieser Lektion erfahren Sie, wie Sie Schriftarten einbetten und in HTML und CSS verwenden.
Wie gut können Sie SVGs in CSS steuern? Wie wäre es mit Icon-Fonts? In dieser Lektion erhalten Sie die Antwort auf beide Fragen.
Der erste Schritt beim Erstellen einer Symbolschriftart besteht darin, die Symbole zu entwerfen. Das werden Sie in dieser Lektion tun.
Sie können unseren neuen Kurs sofort mit einem Abonnement von Envato Elements belegen. Für eine einmalige geringe monatliche Gebühr erhalten Sie nicht nur Zugriff auf diesen Kurs, sondern auch auf unsere wachsende Bibliothek mit über 1.000 Videokursen und branchenführenden eBooks für Envato Tuts+.
Darüber hinaus erhalten Sie jetzt unbegrenzte Downloads aus der riesigen Envato Elements-Bibliothek mit mehr als 200.000 Fotos und 26.000 Design-Assets und Vorlagen. Erstellen Sie mit einzigartigen Schriftarten, Fotos, Grafiken und Vorlagen und sorgen Sie schneller für bessere Projekte.