This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
iconfont [2013/08/29 09:02] johan |
iconfont [2019/01/16 18:19] (current) |
||
---|---|---|---|
Line 6: | Line 6: | ||
2. Open the character set tab (File -> Select Character Set) and Click on "Private use area". | 2. Open the character set tab (File -> Select Character Set) and Click on "Private use area". | ||
+ | |||
{{:select_character_set.png?500|}} | {{:select_character_set.png?500|}} | ||
- | 3. In the overview tab will all letters with unicode points from e000 - f8ff be displayed. Double click on a character to open a new edit tab. | + | 3. In the overview tab will all letters with unicode points from e000 to f8ff be displayed. Double click on a character to open it in a new tab. |
- | 4. [[illustrator|Import your icons in SVG format]] or use them as backgrounds and [[editing|draw your set in BirdFont]] if you are using raster based formats like PNG. | + | 4. [[illustrator|Import your icons in SVG format]] or use them as backgrounds and [[editing|draw your set in BirdFont]]. |
5. [[naming|Choose a name for your font]] and save it in a separate folder. (Ctrl+S) | 5. [[naming|Choose a name for your font]] and save it in a separate folder. (Ctrl+S) | ||
- | 6. Go back to the overview and click on the "i" below the icon you created and write down the unicode value, in this case is the unicode point e001. | + | 6. Go back to the overview and click on the "i" below the icon you created and write down the unicode value. In this case is the unicode point e001. |
{{:unicode_character_e001.png?500|}} | {{:unicode_character_e001.png?500|}} | ||
- | 7. Open the preview tab in order to generate a HTML document (Ctrl+P) and open the HTML document in in a text editor, you will find it in the same folder as your font files. | + | 7. Open the preview tab in order to generate a HTML document (Ctrl+P) and open the HTML document in in a text editor. You will find the html document in the same folder as your font files. |
8. Scroll down to the h1 tag. | 8. Scroll down to the h1 tag. |