Page 1 of 1

Create your own fonts!

Posted: Thu Feb 13, 2014 10:21 pm
by splash21
If you want to create your own font from mobguicons (or other fonts available online) with just the symbols that you need for your app, then read on...

I've added a new download to http://www.mobgui.com - the SVG icon files used to create the mobguicons fonts. I use http://fontello.com/ to create the fonts from the SVG icons - I'll post more detailed instructions when I get some time. If you name your font with 'icons' in the title, then it will be targeted by MobGUI when you click on the 'Font' labels to the left of the font drop down boxes for selecting icons for icon-buttons.

Here are the settings I use on fontello (let me know if you find better ones!);
fontelloSettings.png

Re: Create your own fonts!

Posted: Sun Feb 16, 2014 11:57 pm
by Simon
Hi John,
Just wanted to let you know at least I am following this post.
Very interested in using this method for scaling graphics.

Simon

Re: Create your own fonts!

Posted: Mon Feb 17, 2014 7:52 pm
by splash21
Thanks, Simon. I thinks it's a good option to have when developing an app - including just one custom font with all the icons you need instead of including all the fonts. There maybe quite a few more fonts in the future, so you won't have to include a whole bunch of them!

Re: Create your own fonts!

Posted: Thu Feb 20, 2014 9:23 pm
by Sandy
A good resource for making icons and fonts--I will be using it this week.

Thanks for the great work, and a LOT of work, you have been doing on MobGUI.

Sandy

Re: Create your own fonts!

Posted: Mon Feb 24, 2014 4:51 pm
by williamdesmet
Hi John,

Creating your own fonts is a lot of fun and I've been doing it all day :-).
What size did you use for your icons?
I notice some difference with your standard size icon and mine.

greetings,

William

Re: Create your own fonts!

Posted: Mon Feb 24, 2014 5:15 pm
by splash21
Hi, Sandy & William - thanks for the feedback.
williamdesmet wrote:What size did you use for your icons?
I was originally designing at 30x30 pixels using inkscape (http://www.inkscape.org/). I'm no font expert and the icons seemed to overlap each other - I still don't know why! After some experimentation, I noticed that changing the page size to 32px wide (leaving the extra 1px at each side blank) solved the problem, so I've been designing at 32x30 since.