text-security

Conceal user input with style.

<link href="text-security.css" rel="stylesheet" type="text/css"> <input style="font-family: text-security-disc;">

Special font for polyfilling -webkit-text-security,
in all browsers, for any input you can think of.

t
e
x
t
t
-
e
c
u
r
i
t
y
shape text-securty font -webkit-text-security
(only works in WebKit-based browsers)
password field
disc
circle
square

Installation

npm install text-security

or download fonts from GitHub releases page.

Include one of the pregenerated css files or use @font-face to manually load the fonts you need (most likely text-security-disc).