Comments (3)
Hey there, I had the same problem some weeks ago, installing the individual font families fixed this for me. I also had to remove 'fontWeight' property from all of my fonts' config. Example code below:
export const fonts {
titleLarge: {
fontFamily: 'RedHatDisplay-ExtraBold',
fontSize: 34,
letterSpacing: 0.37,
lineHeight: 41,
},
bodyMedium: {
fontFamily: 'RedHatDisplay-Medium',
fontSize: 16,
letterSpacing: 0.36,
lineHeight: 34,
},
bodySmall: {
fontFamily: 'RedHatDisplay-Regular',
fontSize: 14
letterSpacing: 0.35,
lineHeight: 46,
},
...
};
This way I set the fontWeight using the specific fontFamily I installed. I also tried using some variable fonts but it seems those aren't compatible yet.
So I'd try removing fontWeight from your fonts' config, and setting it just with fontFamily.
Here's another useful issue you could check: facebook/react-native#42116
from react-native-paper.
thanks for your response.. i tried removing fontWeight but somehow its still not working ..
from react-native-paper.
Only other thing is I noticed you're importing Text
from "react-native". I don't know if you're also importing it that way in other modules but it should be imported from "react-native-paper". That way it'll properly use the fonts provided by your theme.
from react-native-paper.
Related Issues (20)
- Cannot override Card.Actions justifyContent style
- SearchBar does not seem to work with custom height HOT 3
- Ripple Effect
- Update @babel/traverse dependency to fix security vulnerability in react-native-paper
- TextInput error "Right operand of 'in' is not an object" HOT 1
- Why can't I query react-native-paper elements in my unit tests? HOT 2
- How do I style a tabBarBadge in MaterialBottomTabs?
- [Showcase] add wasteof for Android
- Chip close icon not vertically aligned on Android HOT 1
- Leading/trailing icon displaying as emoji rather than vector icon HOT 1
- Card Component is very hard to customize, can't be modified with style directly
- Add SVG support for Card Cover
- Menu + Navigation is not clearing the PortalManager HOT 1
- How to test Button disabled\enabled state?
- Broken button child width on Android
- Button contentStyle is not correct
- Chip Text overflows CloseIcon in ElipsizeMode
- Label clips when calling render function prop of TextInput component in outline mode HOT 4
- some bug with Modal and Portal HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-paper.