Title: Using in menu questions Last modified: August 21, 2016 --- # Using in menu questions * Resolved [mac2net](https://wordpress.org/support/users/mac2net/) * (@mac2net) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/) * Hi Mika Great plugin. I am hacking through it, but I can’t figure out how to get an icon in a menu to be linked. Ideally I don’t want a text link to go with the icon. * Thanks * [http://wordpress.org/extend/plugins/genericond/](http://wordpress.org/extend/plugins/genericond/) Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [Ipstenu (Mika Epstein)](https://wordpress.org/support/users/ipstenu/) * (@ipstenu) * 🏳️‍🌈 Advisor and Activist * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790526) * I actually explained how I did that here: [http://halfelf.org/2013/genericond-menus/](http://halfelf.org/2013/genericond-menus/) 🙂 I use it to make Twitter links that are the twitter icon. * Thread Starter [mac2net](https://wordpress.org/support/users/mac2net/) * (@mac2net) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790615) * 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](http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/) which cautions against using it although I haven’t tested it. * Cheers Mike * PS [ This is another post about font smoothing ](http://peterc.org/blog/2010/235-webkit-font-smoothing-antialiased-is-shit.html) 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. * Plugin Author [Ipstenu (Mika Epstein)](https://wordpress.org/support/users/ipstenu/) * (@ipstenu) * 🏳️‍🌈 Advisor and Activist * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790649) * 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 – [http://genericons.com/](http://genericons.com/) – Again, didn’t make ’em 🙂 * So … fiddle with your CSS. 🙂 * Thread Starter [mac2net](https://wordpress.org/support/users/mac2net/) * (@mac2net) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790654) * 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: * ``` ``` * Cheers Mike * Plugin Author [Ipstenu (Mika Epstein)](https://wordpress.org/support/users/ipstenu/) * (@ipstenu) * 🏳️‍🌈 Advisor and Activist * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790657) * Have you see the 404 page on TwentyThirteen? * [http://twentythirteendemo.wordpress.com/dfasdfadsf](http://twentythirteendemo.wordpress.com/dfasdfadsf) * The 404 is the Genericon 🙂 * Thread Starter [mac2net](https://wordpress.org/support/users/mac2net/) * (@mac2net) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790661) * Great! I go back to the days of [fontographer](http://en.wikipedia.org/wiki/Fontographer) which was one of the first non-QuickDraw vector drawing programs for the Mac. Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Using in menu questions’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/genericond_c48260.svg) * [Genericon'd](https://wordpress.org/plugins/genericond/) * [Frequently Asked Questions](https://wordpress.org/plugins/genericond/#faq) * [Support Threads](https://wordpress.org/support/plugin/genericond/) * [Active Topics](https://wordpress.org/support/plugin/genericond/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/genericond/unresolved/) * [Reviews](https://wordpress.org/support/plugin/genericond/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [font](https://wordpress.org/support/topic-tag/font/) * 6 replies * 2 participants * Last reply from: [mac2net](https://wordpress.org/support/users/mac2net/) * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/using-in-menu-questions/#post-3790661) * Status: resolved