2

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.

Improve this question
5
  • have you tried something like this - fontastic.me
    – MephistonX
    Aug 22, 2015 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, 2015 at 17:44
  • I would think it would be easiest to modify a font to have those characters.
    – Zach Saucier
    Aug 22, 2015 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, 2015 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, 2015 at 8:29

1 Answer 1

Reset to default
1

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.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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