Add fallback font for masked-input (#12152)

* add fallback font for higher unicode coverage

* remove extra mixin and fix color issue that was not working on binary
This commit is contained in:
Angel Garbarino 2021-07-23 10:11:53 -06:00 committed by GitHub
parent d2fe8efa58
commit 5181d024f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 2 deletions

View File

@ -10,3 +10,6 @@
} }
@include font-face('obscure'); @include font-face('obscure');
// Font comes from npm package: https://www.npmjs.com/package/text-security
// We took the font we wanted and moved it into the ui/fonts folder
@include font-face('text-security-square');

View File

@ -12,10 +12,9 @@ label {
} }
.masked-font { .masked-font {
font-family: obscure; font-family: obscure, text-security-square;
font-size: $size-medium; font-size: $size-medium;
letter-spacing: 2px; letter-spacing: 2px;
color: $ui-gray-300;
} }
.label { .label {

BIN
ui/public/fonts/text-security-square.woff2 (Stored with Git LFS) Normal file

Binary file not shown.