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

Need Fallback Font Support (e.g: for multi/cross language text that contains Chinese AND English) #32396

Closed
kokoskiwi opened this issue Oct 13, 2021 · 3 comments
Labels
Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@kokoskiwi
Copy link

kokoskiwi commented Oct 13, 2021

Steps To Reproduce

  1. equivalent of font-family: 'afont, bfont, ...' is not available
  2. fontFamily: 'afont, bfont, ...' doesn't work in RN

Expected Results

For RN, there is not a css equivalent of fallback fonts. This make cross-language custom font very difficult as chinese-character-font.otf can't be used at the same time as 'korean-character-font.otf'. If there is a sentence composed by App user containing both Chinese, Korean, Japanese, ... characters, there's just not a way to deal with those within a single

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

Is there any potential update to support this function? It would be very helpful if there is an existing workaround though.

#25798

edit: we also need character fallback. not a all-or-nothing fallback: https://css-tricks.com/css-basics-fallback-font-stacks-robust-web-typography/

@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 Oct 13, 2021
@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.

@github-actions
Copy link

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment 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 13, 2022
@github-actions
Copy link

This issue was closed because it has been stalled for 7 days with no activity.

@facebook facebook locked as resolved and limited conversation to collaborators Apr 23, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Needs: Author Feedback Needs: Environment Info Please run `react-native info` and edit your issue with that command's output. 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

2 participants