Sidebar

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
iconfont [2013/08/29 09:02]
johan
iconfont [2018/01/30 17:02]
johan
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.