Git Product home page Git Product logo

iconfont2code's Introduction

IconFont2Code

This web tool generates a C# class with the Unicode values of the glyph icons in your font file (.ttf/.otf).

It should be an useful tool for any .NET app (WPF/UWP/Xamarin/Xamarin.Forms) which uses icon fonts.

Have questions or want to hear for updates on IconFont2Code? Follow me on Twitter: https://twitter.com/nitescua

How to use it

  1. Pick a font (Browse from disk or just drag&drop the font file)
  2. Click on "Copy to clipboard" button to copy the generated C# code
  3. Paste the code in your .NET app

See an example with one of the "Font Awesome" fonts:

Generate nicer C# fields

When the font file has glyphs with generic names or the glyphs have no name, select the CSS file which is usually provided with the icon font, and the tool will generate nice names for your C# fields.

In the video below you can see the Foundation icons font which has glyph name in the form of "UniXXXXX":

(Click the thumbnail below to watch the video)

Automagically use the CSS for certain fonts

IconFont2Code knows how to automatically select the right CSS file for certain known fonts. More fonts can be added easily by adding mapping info to mappers.js. The 'name' field is the name of the font and the 'mappingUrl' is the URL of the CSS file. If you don't know how to do this by a pull-request, just open an issue.

Like it?

Thanks! I hope it saved you some time. Don't forget to star the project here on GitHub, or feel free to say hi.

Thanks to these awesome projects

iconfont2code's People

Contributors

andreinitescu avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.