Icon für Webfonts, ähnlich Glyphicons

[Galaxis]

Hallo!
wir benutzen bisher den Iconsatz von http://glyphicons.com/, der auch in Bootstrap verwendet wird.
Da uns aber ein paar eigene individuelle Icons fehlen, habe ich diese in Illustrator erstellt und bin nach dieser Anleitung vorgegangen:

Hat soweit auch alles gut geklappt, nur das die Glyphicon Icons noch teilweise eine Besonderheit haben. Teilweise gehen die Icons über die Grundfläche hinaus.



Auf dem Screenshot sie man links mein Icon, ich hab das Icon auf einer Fläche von 24x24px angelegt und das brief Icon ist von Glyphicon. Man sieht, dass die Spitze über den Kasten hinausgeht. Wie wurden diese Icons erstellt? Wenn ich In Illustrator auf "Zeihenfläche verwenden" klicke, wird das Icon doch an der Stelle beschnitten.

Hat jemand zufällig einen Workflow für solche Icons?
Vielen Dank

 

[monika_g]

Du erstellst das mit einer Zwischenstufe, nämlich diesem Online-Font-Editor. Wie kommst Du auf die Idee, dass man in Illustrator einen direkten Einfluss auf die Grundfläche hätte?

In einem Font-Editor kannst Du die Kegelhöhe einstellen. Illustrator kann Fonts nicht erzeugen, sondern nur verwenden.

Du brauchst also einen ausgewachsenen Font-Editor. Oder ggf. erlaubt Dir IcoMoon entsprechende Einstellungen. Wenn Du keinen Font-Editor findest, probier Birdfont. Der kann auch Webfonts erstellen. Wie deren Kompatibilität mit Bootstrap aussieht, weiß ich nicht.

Es wäre übrigens ganz töfte, wenn Du zukünftig nicht einfach einen Link hier reinwirfst, sondern kurz darstellst, wie es geht, damit nicht ein Dutzend Leute lossurfen und nachkucken müssen, was da steht.