We have an app that uses the default fonts of the platform it runs on (native android, iOS, different browsers).
We have one button from an external partner that has a specific font (Roboto). When I add the fonts locally in the src folder and add a fonts.css to define the fonts and set the style of the button, all components in my app are in Roboto (all texts, labels etc), which is is not what we want.
Is there a way to only change the font for only this button and leave it to default for all the other components?
App.tsx
import './theme/fonts.css';
fonts.css
@font-face { font-family: 'Roboto'; src: url('../fonts/RobotoSlab-Regular.ttf'); }
buttons.css
.itsme-buttons-itsme-label { line-height: 24px; font-size: 18px !important; font-family: "Roboto" !important; font-weight: bold; text-transform: none; padding-top: 16px; padding-bottom: 16px; letter-spacing: 0px; }
I only want this button in this font. Any help is appreciated!