Skip to content

Custom fonts does not work on New arch app #13662

@jihoobyeon

Description

@jihoobyeon

Problem Description

I tried to add a custom font to New arch app - as same method to old arch apps, described at #1254
but the fonts in app doesn't change, even after clean rebuild.

It seems to be folder hierarchy has changed from old arch to new arch, so I think method may also changed, but there aren't any documentations about it.

Steps To Reproduce

  1. Put the font file into the windows\%projectname%\Assets folder.
  2. Add font into project %projectname% in Visual Studio and set properties to Exculde:NO and Distribute:YES.
  3. Build the app.

Expected Results

App's fonts should changed.

CLI version

13.6.9

Environment

System:
  OS: Windows 10 10.0.19045
  CPU: "(4) x64 AMD Ryzen 3 2200U with Radeon Vega Mobile Gfx  "
  Memory: 22.64 GB / 31.63 GB
Binaries:
  Node:
    version: 20.10.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 3.8.4
    path: ~\AppData\Roaming\npm\yarn.CMD
  npm:
    version: 10.8.2
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.18362.0
      - 10.0.19041.0
      - 10.0.22000.0
      - 10.0.22621.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 17.11.35222.181 (Visual Studio Community 2022)
Languages:
  Java: 21.0.3
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.75.2
    wanted: ^0.75.2
  react-native-windows:
    installed: 0.75.1
    wanted: ^0.75.1
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Community Modules

No response

Target Platform Version

10.0.22621

Target Device(s)

Desktop

Visual Studio Version

Visual Studio 2022

Build Configuration

Debug

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

No response

Metadata

Metadata

Assignees

Labels

Area: TextNew ArchitectureBroad category for issues that apply to the RN "new" architecture of Turbo Modules + FabricParity: Fabric vs. PaperRNW Fabric does not look or behave like RNW PaperWorkstream: Component ParityClose the parity gap between RNW and RN for core RN components and their supporting APIs.enhancementhelp wanted

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions