Ich habe viele Beispiele von Leuten gesehen, die Icon-Fonts verwenden, aber ich frage mich, wie man diesen Prozess am besten ausführt. Ein Beispiel für Icon-Fonts: Raphaël Icon-Set via @font-face . Ein Tutorial, das ich gelesen habe. Irgendwelche Ideen, wie man diese erstellen kann?
Ich habe das kürzlich in FontForge gemacht, inspiriert von diesem Artikel von A List Apart . Während Sie die Glyphen theoretisch überall platzieren könnten, ist es wahrscheinlich vorzuziehen, sie in Unicode- Bereiche für den privaten Gebrauch zu platzieren , da Sie auf diese Weise nicht mit einem Buchstaben 'a' oder was auch immer hängen bleiben, wenn die Schriftart nicht gerendert wird.
Encoding> Reencode> ISO 10646-1 (Unicode, BMP), um die Glyphen für den privaten Gebrauch anzuzeigen. Private Nutzung ist U+E000 bis U+F8FF.\E000in CSS und in HTML ... verwenden Sie einen Konverter , um zu helfen. Ein Hex-Dezimal-Konverter hilft bei der Konvertierung in HTML.Hoffe das füllt einige Lücken!
Es gibt jetzt eine ganze Reihe von Optionen auf dem Markt, um Schriftarten zu erstellen. Aus Ihrer Frage geht hervor, dass Sie insbesondere nach Webfonts suchen. Die meisten modernen Tools erstellen einen Webfont für Sie, oder Sie können einen Desktop-Font über den Webfont-Generator von FontSquirrel ausführen .
Mein bevorzugtes Verfahren ist Papier > Illustrator > FontLab. Es gibt dort ein ziemlich detailliertes Verfahren für den letzten Sprung, aber es ist nicht schwer, sobald Sie eine Vorlage eingerichtet haben.
RoboFont ist ein weiteres professionelles Tool, das in den letzten Jahren entstanden ist, um die Dominanz von FontLab zu entthronen. Andere beliebte und günstige Optionen sind FontForge und FontCreator .
Update
Fast hätte ich IcoMoon vergessen : the first custom icon font builder, which allows users to select the icons they need, and make them into a font.
IconMoon scheint das beste Tool da draußen zu sein (zuvor in diesem Thread von plainclothes erwähnt ).
Allerdings scheint dieses neue PS Icon Web Font Creator- Plugin auch sehr vielversprechend zu sein, da es Ihnen ermöglichen würde, die Schriftarten direkt aus Photoshop zu erstellen.