: How to improve font rendering at small sizes I'm not actually a font designer. I'm a web developer who's using Glyphicons, a library of icons encoded as glyphs within a font. I'm using

I'm not actually a font designer. I'm a web developer who's using Glyphicons, a library of icons encoded as glyphs within a font. I'm using them in Bootstrap 3 and they're really great because they scale to any size and can be set to any color, making them really flexible for web design.

Anyway, the icons within Glyphicons are great but there are many icons which simply don't exist and I would like to create my own custom icons. I actually managed to do this by editing an open-source font with FontLab Studio 5 and adding my own custom glyph. Here is the glyph viewed within FontLab:

And this is the result when used in a web page:

For comparison, here are some Glyphicons at the same font size:

As you can see, the Glyphicons look much better, even though they're both outline fonts. I'm guessing there is something you can do to improve rendering at specific font sizes, but I just don't know what I don't know. Any pointers in the general direction would be appreciated.

10.01% popularity Vote Up Vote Down

: Can logos be made just by using a font rather than creating a logo image? Most people make logo by creating an image for it. I don't want that since I don't know Photoshop and I may make

@Angie364

Posted in: #Fonts #Logo

5 Comments

: Color picker in InDesign Is there a way to change the color picker to emulate illustrator or photoshop's color picker? I can never figure out how to get to the color I want in InDesign. I

@Angie364

Posted in: #AdobeIndesign

4 Comments

: Where are my pixels? I have a big image 5100px x 7000px. I have made the background transparent, and I am satisfied with the result: the parts of the image which I wanted to keep are there,

@Angie364

Posted in: #Gimp #Pixel #Transparency

1 Comments

: How are patterns that look like they're moving created? Every time I see a pattern that looks like it's moving, but really isn't, I wonder what the principles are for creating such images.

@Angie364

Posted in: #Effects #Patterns

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Rambettina927

To make the icon sharper, you need to keep in mind the intended dimensions for smaller versions while drawing the source.

Try drawing your icon on a grid that is a factor of your smallest size.

e.g.
10px icon, 10x10 grid
16px icon, 16x16 grid

Makes sense in my head anyway. :)

10% popularity Vote Up Vote Down

Feed

: How to improve font rendering at small sizes I'm not actually a font designer. I'm a web developer who's using Glyphicons, a library of icons encoded as glyphs within a font. I'm using

More posts by @Angie364

: Can logos be made just by using a font rather than creating a logo image? Most people make logo by creating an image for it. I don't want that since I don't know Photoshop and I may make

: Color picker in InDesign Is there a way to change the color picker to emulate illustrator or photoshop's color picker? I can never figure out how to get to the color I want in InDesign. I

: Where are my pixels? I have a big image 5100px x 7000px. I have made the background transparent, and I am satisfied with the result: the parts of the image which I wanted to keep are there,

: How are patterns that look like they're moving created? Every time I see a pattern that looks like it's moving, but really isn't, I wonder what the principles are for creating such images.

Login to post a comment!

1 Comments

Back to top | Use Dark Theme