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
Next revision Both sides next revision
iconfont [2013/08/29 09:02]
johan
iconfont [2016/01/03 15:06]
127.0.0.1 external edit
Line 8: Line 8:
 {{:​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.