Fluent UI Updates to SharePoint - WebPartTitle control too thin now

Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your needs please complete the below template to ensure we have the details to help. Thanks!

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[x] Enhancement

[ ] Bug

[ ] Question

Version

Please specify what version of the library you are using: [ 1.19.0 ]

If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.

Expected / Desired Behavior / Question

If you are reporting an issue please describe the expected behavior. If you are suggesting an enhancement please describe thoroughly the enhancement, how it can be achieved, and expected benefit. If you are asking a question, ask away!

The WebPartTitle control should match the default web part title typeface, including font family, size, and weight.

Observed Behavior

If you are reporting an issue please describe the behavior you expected to occur when performing the action. If you are making a suggestion or asking a question delete this section.

In my tenant (on targeted release), the current WebPartTitle control no longer matches the default SharePoint web part titles because the font weight is set to 100 (see here). The June 2020 roadmap podcast mentioned that Fluent UI is rolling out to more areas of SharePoint, so web part titles appear bolder now.

I can provide a PR to update the font weight if needed.

Steps to Reproduce

If you are reporting an issue please describe the steps to reproduce the bug in sufficient detail to allow testing. If you are making a suggestion or asking a question delete this section.

Create an SPFx web part using the PnP WebPartTitle control. The control styles will use the thin font treatment instead of the newer Fluent UI bolder style in a tenant that has the new Fluent UI styles rolled out to it.

[joshmcrty]

@jimmywim it does if you pass the themeVariant to it.

[sympmarc]

Hi, @joshmcrty!