Skip to content

Android: Font weight numeric values do not work with System default fonts of android  #28854

@mnkshukl

Description

@mnkshukl

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

React native supports Font weight values with Android SDK 28 and above for custom fonts. But with System default fonts these numeric values are not supported. Only value - 700 is for bold and others are for normal font. As android 28 and above supports font weights react-native can spuport font weight for system default fonts also.

React Native version:

System:
OS: Windows 10 10.0.18363
CPU: (12) x64 Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz
Memory: 39.93 GB / 63.87 GB
Binaries:
Node: 10.20.1 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.0 - ~\AppData\Roaming\npm\yarn.CMD
npm: 6.14.4 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 28, 29
Build Tools: 28.0.3, 29.0.2, 29.0.3
System Images: android-29 | Google Play Intel x86 Atom
Android NDK: 17.2.4988734
IDEs:
Android Studio: Version 3.6.0.0 AI-192.7142.36.36.6392135
Languages:
Java: Not Found
Python: 3.8.2 - D:\Office\Build\OfficeNugetInit\gen\InPath\python.cmd
npmPackages:
@react-native-community/cli: Not Found
react: 16.11.0 => 16.11.0
react-native: 0.62.2 => 0.62.2
npmGlobalPackages:
react-native: Not Found

issue in all react-native versions.

Steps To Reproduce

Create a Text with font weight values from 100 to 900 (without any custom fonts )
only font weight 700 is shown as bold other are shown as normal

Screenshot_1588922598

Expected Results

font weight values should change font effect in android sdk 28 and above.
Expected result should look like this

Screenshot_1588921349

Snack, code example, screenshot, or link to a repository:

"
<Text style={{fontSize: 20, fontWeight: 'bold'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: 'normal'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '100'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '200'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '300'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '400'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '500'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '600'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '700'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '800'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '900'}}>Move fast and be bold
"

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs: Triage 🔍Platform: AndroidAndroid applications.StaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions