There are lots of icon fonts, like FontAwesome, ionicons and others. But is there any web font that includes both text and icons? If not, do you know why?

My motivation to ask this is to be able cover the needs of icons and alphanumeric characters of a website loading only one web-font.

EDIT: As suggested in a comment, I know services like icoMoon or Fontastic, where you can build your own icon collections. Actually two of icoMoon icon collections include alphanumeric icons. But this is not what I mean, since those alphanumeric icons are not supposed to be used to display the text of a website.

What I'd like to find is a text web font, for example Open Sans, that includes also an icon collection by typing some character combination. With that web font I could type "car" to write this word, or also type something like  to display the icon of a car.

  • have you tried something like this - fontastic.me – MephistonX Aug 22 '15 at 13:46
  • @MephistonX,I understood correctly what fontastic is, this is not what I mean. I edited my question and hope it's clear now. Thanks – chimos Aug 22 '15 at 17:44
  • I would think it would be easiest to modify a font to have those characters. – Zach Saucier Aug 22 '15 at 21:31
  • 1
    What you are asking for is a font that combines "Roman" characters (A-Z, 0-9, etc) and dingbats? I used to include some icons and drawings into some of my early fonts where some rarely used characters would be, but this is not a good practice in font design and neither is it a trend among designers because of how different designing icons and designing fonts is... Also, "icons" for the same idea exist in many styles, so you'd have to enjoy the font's design AND the icon's design. Easier to load 2 files... – MicroMachine Aug 27 '15 at 23:39
  • 1
    FYI in your final paragraph you're talking about a font that uses ligatures for rendering icons. There's a few about, like Symbolset. Ligatures require OpenType support. Hopefully that points you in the right direction. – Dre Oct 26 '15 at 8:29
up vote 1 down vote accepted

Plenty of fonts (web & digital) combine alpha-numeric sets with icons.

Here is a simple example: https://www.fontsquirrel.com/fonts/asap-symbol

Please click on the "Glyphs" tab. You will see the full alpha-numeric set along with dozens of icons for use.

My recommendation, however, is to compile a custom font that contains the style of alpha-numeric glyphs that you're looking for (perhaps something like "Open Sans") and then add your icons into the other glyph locations. You could choose locations that would make sense for your personal project, for example, replacing the copyright glyph with a car as you suggested. Then you can simply type out

©

and you will see your car.

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.