Using in menu questions

I actually explained how I did that here: https://halfelf.org/2013/genericond-menus/ ?? I use it to make Twitter links that are the twitter icon.

Sorry, it was late and I forgot to look in my collection of posts which had yours.
I had trouble with figuring out the proper CSS selector – so I looked at your site.
My CSS is:

#menu-my_menu .genericon {
font-size: 36px;
line-height: 66%;
vertical-align: baseline;
}

One point: any font-size can be used as an icon font is vector-based. True, type 1 fonts have hints for smaller sizes – but that was different technology for a different era.

Also, I checked out the anti-aliased property and found a post which cautions against using it although I haven’t tested it.

Cheers
Mike

PS This is another post about font smoothing which makes fun of the BBC which is always a good thing!

PPS The home icon is small and others are bigger so I am experimenting with CSS to display the different icons differently in the same menu:

#menu-my_menu i.genericon.genericon-facebook{
font-size: 24px;
}

I am having some trouble with baseline consistency among the different browsers.

This is where I point out I did not create Genericons, I only plugin’d it. HOWEVER I know they were made to work best at specific sizes. That is to say, multiples of 16. So try to stick to that.

One point: any font-size can be used as an icon font is vector-based. True, type 1 fonts have hints for smaller sizes – but that was different technology for a different era.

As I said, use multiples of 16 for best results. It’s how the font was designed.

And yes, home is smaller – https://genericons.com/ – Again, didn’t make ’em ??

So … fiddle with your CSS. ??

Yes thanks, I’ve been fiddling and done well applying them to a theme in a few hours, including post formats.

Still, I can’t see how vector graphics can be optimized for any particular size beyond “it bigger than very small”, especially with the crazy screen resolutions these days. The Automatticians should review this and their anti-alias recommendations.

For example this is the code for a quote mark:

<glyph unicode="" d="M384 640l128 768h512l-256 -768h-384zM1152 640l128 768h512l-256 -768h-384z" />

Cheers
Mike

Have you see the 404 page on TwentyThirteen?

https://twentythirteendemo.wordpress.com/dfasdfadsf

The 404 is the Genericon ??

Great!
I go back to the days of fontographer which was one of the first non-QuickDraw vector drawing programs for the Mac.