Sidebar
Differences
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. | ||