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 ?
-
Could you explain your reasons for this? Maybe there is a better solution :)Jan_dh– Jan_dh2016年09月18日 09:27:44 +00:00Commented Sep 18, 2016 at 9:27
-
My website has a user login system that works a really special way. The user uses <SELECT> boxes to pick a letter and to compose his login. I made a JS function that changes the font of the input whenever the user has chosen a letter. Now I just need a font that is totally unreadable.Rackover– Rackover2016年09月18日 09:29:37 +00:00Commented Sep 18, 2016 at 9:29
-
Isn't it what you're looking for ? stackoverflow.com/questions/16258194/…Thomas W.– Thomas W.2016年09月18日 09:33:49 +00:00Commented Sep 18, 2016 at 9:33
-
Not really. I need this kind of font and I'm surprised it doesn't exist at all.Rackover– Rackover2016年09月18日 09:37:27 +00:00Commented Sep 18, 2016 at 9:37
-
@Rackover The font named AlphaShapes square looks to do what you want, but only for the capital letters.Thomas W.– Thomas W.2016年09月18日 09:44:18 +00:00Commented Sep 18, 2016 at 9:44
3 Answers 3
The Google font Flow Block should come closest to your requirements, however spaces are still spaces
Comments
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/
2 Comments
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.