Bootstrap tooltip text is not inheriting the base body font due to the hardcoded --bs-font-sans-serif

[sinjuangajan]

Bootstrap tooltip text is not inheriting the base body font due to the hardcoded --bs-font-sans-serif

Actual Behavior:
The tooltip explicitly uses --bs-font-sans-serif, which overrides any custom base font set on the body.

Expected Behavior:
Tooltip text should inherit the base font defined on the or root element to maintain consistent typography.

Steps to Reproduce:

Define a custom font-family on the element.

Trigger a Bootstrap tooltip.

Observe that the tooltip font does not match the body font.

Suggestion:
Remove --bs-font-sans-serif from the tooltip's font declaration so it can automatically inherit the base font from the parent or body.

Bootstrap 5.3.6

[julien-deramond]

Have you tried overriding $font-family-sans-serif to ensure it propagates consistently across all components, including popovers and tooltips?

[Gurupatil0003]

❤️

[sinjuangajan]

Yes, overriding $font-family-sans-serif works fine and propagates to most Bootstrap components, including popovers and tooltips.

[sinjuangajan]

My concern is when the font is set on body or :root in CSS without recompiling Bootstrap—the tooltip still uses the hardcoded var(--bs-font-sans-serif), so it doesn’t inherit the custom font. Removing this would let tooltips match the base font for consistent typography.