Profile page profileRole font with Design Specification

[MaxMartinsen]

Design view:

Web view:

Description:

There is a mismatch between the font used for the <p id="profileRole" </p> element in the design specification and the current website implementation. The design specifies using the Halcon font for this element, but the website is currently using the Livvic font for all headings (h1 to h6) and body. This inconsistency affects the visual consistency and branding of the website. The goal of this issue is to update the font to meet design specifications while keeping the rest of the headings and body text consistent with the current implementation.

Task:

1. Review the current SCSS implementation for font family in headers and body.
2. Update SCSS to use the "Halcon" font for this element, ensuring that it overrides any existing styles.
3. Test changes across different browsers and devices to ensure compatibility and responsiveness.
4. Review the design to ensure it matches the intended visual style.

Acceptance Criteria:

• <p id="profileRole" </p> elements on the site should use the "Halcon" font as specified in the design. Changing the font should not affect the layout or responsiveness of the website.
• The updated font should be visually consistent across browsers and devices.
• The implementation must be approved by the development team to ensure it is consistent with the overall vision of the project.
• A clear decision on whether the typography fix will be applied only to the company profile and pages or extended to the entire application.

[zalacop]

I think this issue has been sorted already when the issue #738 was done. The font is already being applied to the body. But if it's needed, I can specifically add the #profileRole after body.

[zalacop]

Added a screenshot that the font is being applied.