react-verification-code-input icon indicating copy to clipboard operation
react-verification-code-input copied to clipboard

How can I change the number fonts?

Open ekofi opened this issue 3 years ago • 3 comments

Hi, how can I set the font-family "Lato" to none (default) for numbers?

ekofi avatar Jun 29 '21 14:06 ekofi

👍 a reusable react component should not contain hard-coded non-browser-safe fonts with style tags making them hard to override. Please remove.

wbw20 avatar Sep 16 '21 05:09 wbw20

I made it work by doing this:

.verification-code-input input[type='tel'] {
    font-family: inherit;
}

And then add verification-code-input as a className attribute to it.

terryjiang2020 avatar May 29 '22 10:05 terryjiang2020

I made it work by doing this:

.verification-code-input input[type='tel'] {
    font-family: inherit;
}

And then add verification-code-input as a className attribute to it.

Clean solution, thanks

benmotyka avatar May 23 '23 13:05 benmotyka