Different fonts across different web apps

[satyam73]

Issue Description

Currently in our web app we have different font across RDS web apps. As all the apps combines and forms one app for end user who uses the app. We want to have one font to be used in all our web apps(apps which are connected with realdevsquad.com navbar).

Here's what font our web apps are using currently:

• https://realdevsquad.com/ (nunito,roboto,sans-serif)
• https://members.realdevsquad.com/ (-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol")
• https://status.realdevsquad.com/ (Roboto,sans-serif & Arial as primary in some places)
• https://my.realdevsquad.com/ (Roboto,sans-serif,serif)
• https://welcome.realdevsquad.com/ (raleway)

Expected Behavior

As all the apps combines to form the one app we want to have same font in all the apps.

Current Behavior

Currently in our web app we have different font across RDS web apps. As all the apps combines and forms one app for end user who uses the app. We want to have one font to be used in all our web apps.

Screenshots

n/a

Reproducibility

• [ ] This issue is reproducible
  • [ ] This issue is not reproducible

Steps to Reproduce

• Try visiting the sites and check the font size to see the difference

Severity/Priority

• [ ] Critical
• [ ] High
• [x] Medium
• [ ] Low

Additional Information

Nunito font - https://fonts.google.com/specimen/Nunito?query=nunito Roboto font - https://fonts.google.com/specimen/Roboto?query=roboto Raleway font - https://fonts.google.com/specimen/Raleway?query=raleway -apple-system - not found(please check members site to see)

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.

---

Thank you for contributing to our project! We appreciate your help in improving it.

[vinit717]

I think considering modern aesthetics, Nunito or Raleway could be great alternatives to Roboto.

[shreya-mishra]

I guess we can think of a font-sizes as well with the fonts .

[ajoykumardas12]

We should try the different fonts in local and attach screenshot here for reference, would be easier to choose. Also, we can use two fonts one for headings and another for paragraph and other texts (some sites are doing this already).

[vikhyat187]

I think members site one is good to see from the end user and simple one. The font in other sites is smaller one, but here its easy to read specially when seen in smaller screens

[joyguptaa]

I am in favor of Nunito font. It looks more approachable and round corners make it more friendly just like we have round corners everywhere in IOS.

[yesyash]

• i have a different suggestion from the fonts listed above, I think inter would be a better fit as it is versatile enough to meet all our needs and look good. also with the new release (v4) there are many different ligatures we can toggle to meet our needs. link to inter font

[sahsisunny]

Nunito can be used as the common font for consistent user experience across all RDS web apps.

[satyam73]

I guess we can think of a font-sizes as well with the fonts .

Great idea! like having our set of font sizes for headings, paragraphs etc. wherever we can. Please also mention your font suggestion

[satyam73]

We should try the different fonts in local and attach screenshot here for reference, would be easier to choose. Also, we can use two fonts one for headings and another for paragraph and other texts (some sites are doing this already).

I have attached the Google Fonts links, also there are websites already using the same. So that's why haven't added it. For different fonts in headings and paragraphs do you have any references of sites or blogs? If yes please provide the same