test-app-organization / test-repo-app

MIT License
0 stars 0 forks source link

What is the global font family #15

Open Sheth-G opened 11 months ago

Sheth-G commented 11 months ago

What is the global font family

test-githubapp-001[bot] commented 11 months ago

The global font family for this project seems to be 'Motiva Sans', as it is used in multiple places in the CSS files. However, there are also instances of 'Motiva Sans Bold' and 'Motiva Sans Light' being used, which are likely variations of the same font family.

The relevant files to this issue are:

  1. src/styles/globalStyles.ts: This file contains the global styles for the project, including the font family. It is here that 'Motiva Sans' is defined as the font family for the body of the project.

  2. src/components/ContentBlock/styles.ts: This file contains the styles for the ContentBlock component. The 'Motiva Sans Light' font family is used here.

  3. src/components/Block/styles.ts: This file doesn't explicitly mention a font family, but it's likely that it inherits the global font family ('Motiva Sans') from globalStyles.ts.

The actions that could be taken are:

  1. If you want to change the global font family, you can do so in the globalStyles.ts file. Replace 'Motiva Sans' with the name of the desired font family.

  2. If you want to use a different font family for a specific component, you can do so in the respective style file for that component. For example, to change the font for the ContentBlock component, you would go to ContentBlock/styles.ts.

  3. If the 'Motiva Sans' font family is not displaying correctly, ensure that the font files are correctly linked in your project. The font files should be stored locally in your project or imported from a CDN in the main HTML file or in the CSS using a @font-face rule.

  4. If you want to add more weights or styles of the 'Motiva Sans' font (like italic or bold), you would need to ensure that those specific font files are included in your project or available from the same CDN. Then, you can specify the font weight or style in the CSS where needed.