12: SVG - Icon Fonts & Sets - CSS-Tricks

Anonim

Denken Sie daran, dass jeder Vektor, den Sie in SVG bekommen können. Adobe-Software ist in dieser Hinsicht großartig. In einem PDF kann sich Vektormaterial befinden. Öffnen Sie einfach das PDF, und Sie können die Vektorteile in die Hände bekommen. Wie wir gesehen haben, haben Stock-Fotografie-Sites oft Dinge im EPS-Format, kein Problem. Öffnen Sie sie in Illustrator, holen Sie sich diese Vektoren und speichern Sie sie als SVG.

Icon-Sets sind hier eine großartige Quelle. Unabhängig davon, ob es sich um „Symbolschriftarten“ handelt oder nicht, ist alles, was wichtig ist, wenn Sie Ihr eigenes benutzerdefiniertes SVG verwenden, dass sie in einem Vektorformat vorliegen, und das tun sie so ziemlich alle. Hier ist eine riesige Liste.

Auch wenn das Symbol nur als Schriftart geliefert wird, denken Sie daran, dass Sie diese Schriftart einfach installieren und aktivieren können. Geben Sie dann in Illustrator das Zeichen mit dem gewünschten Symbol ein, stellen Sie sicher, dass die Schriftart auf diese Symbolschriftart eingestellt ist, und Sie erhalten dieses Symbol. Dann "In Umrisse konvertieren" und Sie haben den Vektor.