Welcome to WebmasterWorld Guest from 18.204.48.199

Forum Moderators: phranque

Message Too Old, No Replies

Font for Microsoft B, I, and U icons

     
7:38 am on Jun 26, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member Top Contributors Of The Month

joined:Mar 15, 2013
posts: 1205
votes: 120


I haven't been able to find this anywhere, so I'm hoping you guys might know.

I've been using images for the B, I, and U icons above my contenteditable, but in an attempt to save a few HTTP connections I thought it might be slick to replace them with simple fonts. But I can't find anything that quite matches the original.

The closest I could find was Beton, but I'm not sure that this is a standard font that I could safely use for modern browsers without using Google Fonts (which would defeat the purpose of cutting out connections). And I would think that, with it being on all of the Microsoft icons, it would be a core font, anyway.

Do you guys know what font this actually is? Or, what core font I should use that comes relatively close?
2:33 am on June 28, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:10569
votes: 1124


If you are talking about the OS ... there have been several over the years and Marginal in difference...

Arial
Verdana
MS Serif (or MS Sans Serif)
Times Roman
Tahoma
Segoe

Do understand that a significant number of users over-ride site fonts for their own choices, colors, and SIZE. Often times this is merely preference, but for some with visual difficulty, is a requirement.

Using actual icon files is possible (I don't recommend it), and your images should be fine ... it is not whether they "look" like the OS version, only that they do the SAME THING and aren't that alien in appearance. Avoid Fantasy or Comic Sans :)
4:06 am on June 28, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:15934
votes: 889


You could compromise: keep them as images, but change them into sprites so there's just one server call instead of three.