Real-Dev-Squad/todo-frontend

Fix: Inter font not getting applied.

Opened this issue · 0 comments

Issue Description

The Inter font, specified in the design, is not being applied correctly in the application. Instead, the browser's default font (sans-serif) is being used.

Expected Behavior

The app should consistently use the Inter font across all components, as per the design guidelines.

Current Behavior

The default font (sans-serif) is being applied instead of the Inter font.

Screenshots

Screenshot 2025-01-13 at 6 03 36 PM

Reproducibility

  • This issue is reproducible
  • This issue is not reproducible

Steps to Reproduce

  1. Run the project.
  2. Navigate to the Tasks page.
  3. Use an element selector tool to inspect any text, and observe the font being used.

Severity/Priority

  • Critical
  • High
  • Medium
  • Low

Additional Information

We should use the CSS variable for the font and ensure it is applied through Tailwind CSS to maintain consistency and ease of maintenance.

Checklist

  • I have read and followed the project's code of conduct.
  • I have searched for similar issues before creating this one.
  • I have provided all the necessary information to understand and reproduce the issue.
  • I am willing to contribute to the resolution of this issue.