Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React Native fonts don`t work #30397

Closed
ksielyov opened this issue Nov 15, 2020 · 9 comments
Closed

React Native fonts don`t work #30397

ksielyov opened this issue Nov 15, 2020 · 9 comments
Labels
Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@ksielyov
Copy link

react-native info:
System:
OS: macOS 10.15.6
CPU: (2) x64 Intel(R) Core(TM)2 Duo CPU P8600 @ 2.40GHz
Memory: 59.32 MB / 8.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 12.16.1 - /usr/local/bin/node
Yarn: Not Found
npm: 6.14.8 - /usr/local/bin/npm
Watchman: Not Found
Managers:
CocoaPods: 1.9.3 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.1, DriverKit 19.0, macOS 10.15, tvOS 14.0, watchOS 7.0
Android SDK: Not Found
IDEs:
Android Studio: Not Found
Xcode: 12.1/12A7403 - /usr/bin/xcodebuild
Languages:
Java: Not Found
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.13.1 => 16.13.1
react-native: 0.63.3 => 0.63.3
npmGlobalPackages:
react-native: Not Found

Steps:

  1. Download any font family

  2. Create react-native.config.js

  3. Insert there module.exports = { assets: ['./src/fonts'] }

  4. run react-native link

  5. Get success message:
    info Linking assets to ios project
    info Linking assets to android project
    success Assets have been successfully linked to your project

  6. react-native run-ios (iOS v: 13.1 && iphone 8)

  7. Get this error => https://ibb.co/TYYXV4G - Unrecognized Font Family 'Montserrat Family'

@react-native-bot react-native-bot added Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. and removed Needs: Triage 🔍 labels Nov 15, 2020
@github-actions
Copy link

⚠️ Missing Environment Information
ℹ️ Your issue may be missing information about your development environment. You can obtain the missing information by running react-native info in a console.

@ksielyov
Copy link
Author

Anyone fixed it?

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Nov 17, 2020
@chrisglein
Copy link

Can you provide more info on your repro? There's no detail of how you're referring to the font. A link to a repo with a minimized repro would help.
The set of steps you're following at a glance sound the same as say this guide, but there may be some difference.

@chrisglein chrisglein added Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. and removed Needs: Attention Issues where the author has responded to feedback. Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. labels Nov 17, 2020
@github-actions
Copy link

⚠️ Missing Reproducible Example
ℹ️ It looks like your issue is missing a reproducible example. Please provide a Snack or a repository that demonstrates the issue you are reporting in a minimal, complete, and reproducible manner.

@ksielyov
Copy link
Author

Can you provide more info on your repro? There's no detail of how you're referring to the font. A link to a repo with a minimized repro would help.
The set of steps you're following at a glance sound the same as say this guide, but there may be some difference.

Same as in an article

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Nov 23, 2020
@yahm23
Copy link

yahm23 commented Nov 25, 2020

Have you checked the font in Font-book's name? Font names on iOS devices are sometimes not the same as the file name. Open the font in font-book and use the PostScript's name instead of the file name.

From #25852

@pedrocardoz0
Copy link

Why are you linking manually ?
react-native link you don't need to use it.

@chrisglein chrisglein added Needs: Author Feedback and removed Needs: Attention Issues where the author has responded to feedback. labels Jun 22, 2021
@github-actions
Copy link

This issue is waiting for author's feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days.

@github-actions github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Apr 10, 2023
@github-actions
Copy link

This issue was closed because the author hasn't provided the requested feedback after 7 days.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

5 participants