0

I'm looking for a font which displays a  or a * for every character, in the same way. A totally unreadable font.

Despite my efforts I couldn't find one on the internet. Is there a system font like this ? Or do you know one ?

Rackover
  • 81
  • 13
  • Could you explain your reasons for this? Maybe there is a better solution :) – Jan_dh Sep 18 '16 at 09:27
  • My website has a user login system that works a really special way. The user uses – Rackover Sep 18 '16 at 09:29
  • Isn't it what you're looking for ? http://stackoverflow.com/questions/16258194/imitate-a-password-type-input-while-using-a-contenteditable-div – Thomas W. Sep 18 '16 at 09:33
  • Not really. I need this kind of font and I'm surprised it doesn't exist at all. – Rackover Sep 18 '16 at 09:37
  • @Rackover The font named _AlphaShapes square_ looks to do what you want, but only for the capital letters. – Thomas W. Sep 18 '16 at 09:44
  • As you already use JS, catch the key event and replace any character with a star `*` – Asons Sep 18 '16 at 09:46
  • @ThomasWilmotte This doesn't work, as the squares get replaced with the default font because they are not really square-chars, more like no-chars-at-all. – Rackover Sep 18 '16 at 09:54
  • @LGSon How do I replace the character with another without changing the input "value" ? – Rackover Sep 18 '16 at 09:55
  • For a standard `input` field you set its type to `password`, for any other element you add the entered value in a hidden `input` field and the star `*` in the visual one – Asons Sep 18 '16 at 10:00
  • That doesn't do anything at all. Okay just to be clear. It looks like this : http://i.imgur.com/M5HMAPB.jpg – Rackover Sep 18 '16 at 10:07
  • I would go crazy to have to use a login like that, still, if you put an input and a select element on top of each other, you can hide the select when a value is chosen, pass its selected value to the `input` field, which have the `password` type – Asons Sep 18 '16 at 10:26
  • Nvm, I ended with making the background color the same color than the font. That's cheap, but it works. – Rackover Sep 18 '16 at 11:42
  • @Rackover if it's 'cheap', is it still secure? – Martin Sep 18 '16 at 12:44
  • This sounds like a terrible login system, but to answer the question: just make your yourself. Use FontForge, which is free, and drop in the shape you need, then generate the WOFF. It's trivially easy. – Mike 'Pomax' Kamermans Sep 20 '16 at 04:37
  • Terrible login system - but a fun prank if you change someone's system font to it ;-) – Simon_Weaver Sep 20 '16 at 05:45

2 Answers2

1

Make one. Just fire up FontForge, the authoritative open source font editor of choice, and make a font with your desired glyph pasted into every letter box that you need supported, or you can craft a cmap 13 font with a single glyph but defined as used for the entire code range, like Adobe's "Blank" font.

Generate your font, pick "web open font" format to make it a WOFF2 instead of a system font like ttf/otf, and done. You can now load it with an @font-face rule.

That said, what you want to do sounds like a weird hack that doesn't actually make passwords any more or less secure, but that's your decision.

The font part at least is almost trivially easy.

Mike 'Pomax' Kamermans
  • 44,582
  • 14
  • 95
  • 135
0

As I doubt that such a font exists, an alternative could be to do your own select. Using the data-* attribute provided by HTML5, you can attach any additional information to any element. So, you can develop a select that would display the character you want (e.g. *) but set data-something to the correct value. Then, when the user press on a button or so, you can call a function to iterate through your personal selects and read the data-something from them to compute the data the user entered.

Here is a minimal example of such a code : https://jsfiddle.net/w0za8ut6/2/

Thomas W.
  • 460
  • 3
  • 9
  • Some banks here in the UK use this approach for people to enter some letters from a pre-selected passphrase when logging in online. I would trust if the banks use it that this method should be suitable for OP's needs. – Martin Sep 18 '16 at 12:43
  • That is a really good solution, but in my case, it's absolute overkill. I'm running a website for only me and some friends, the JS/HTML form is php-generated so it's really hard to put a lot of javascript in it without making the code a big pile of shit and the amount of code I would need to put in this security system is really not worth the money. Thanks however, I marked your answer as solution (because technically, it is) – Rackover Sep 18 '16 at 14:12
  • a font like this is trivially created. – Mike 'Pomax' Kamermans Sep 20 '16 at 04:31