Font not properly downloading from Google fonts in dev environment

[sumairq]

Description

Issue:
The application's development environment is experiencing difficulties in properly downloading fonts from Google Fonts. This issue is impacting the visual appearance and readability of the content during development.

Problem Details

• Font Loading Failure:

  • Fonts specified from Google Fonts are not being successfully downloaded in the development environment.

• Impact on Development Workflow:

  • The absence of the correct fonts affects the overall layout and styling of the application during development.
  • It hampers the ability to accurately preview and assess the visual aspects of the application.

Steps to Reproduce

1. Clone the repository.
2. Set up the development environment.
3. Observe the font loading behavior during the application's startup.

Expected Behavior

• Fonts specified from Google Fonts should be downloaded successfully in the development environment.
• The application's UI should display the intended fonts, ensuring a consistent and accurate representation during development.

Additional Information

• Dependencies:

  • Ensure that the necessary dependencies and configurations for font downloading from Google Fonts are correctly set up in the development environment.

• Network Connectivity:

  • Verify that the development environment has proper internet connectivity to fetch fonts from Google Fonts.

Possible Solutions

• Add turbo flag to npm run dev command like this npm run dev -turbo.
• Verify the network configuration to ensure the development environment can access external resources.

Screenshots

Currently in the dev environment

It should be

Labels

• bug
• font-issue

Priority

This issue is reported to address the problem of fonts not properly downloading from Google Fonts in the development environment.