Typography: Title typography is not consistent

[pbal]

Describe the bug Title typography in IDS is not consistent.

h1 is 2.8rem Rest all h2, h3, h4, are all 1.6rem which is same as body text size.

Steps to reproduce the behavior: Verify title font sizes in ids library.

Expected behavior Font sizes should gradually decrease to body size. Probably this setting would work h1 2.5 rem
h2 2 rem
h3 1.8 rem
h4 1.6rem

Version 4.63.0

Screenshots

[tmcconechy]

Yeah weird. What file are these in? I think these might be for some place where you can change from h3, h4 ect logically for the right semantic markup but the style doesn't actually change (header subtext for example)

You could try to use these classes as well. https://main-enterprise.demo.design.infor.com/components/typography/example-index.html

[pbal]

h1....h6 should define their size without a class.

Screenshot I took above is from theme-new-dark.min.css from version 4.63.2. Those styles are defined at root.

[tmcconechy]

@pbal Can you give us an idea of where these might be placed in the page? Is it like documentation or text or something?

[tmcconechy]

cc @danirosefishinfor

[pbal]

Planning to use in both docs and application.

[danirosefishinfor]

@pbal - would it be possible to share screenshots of the usage for reference? Thanks!

[pbal]

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_headers

[tmcconechy]

@pbal we are aware of the general hierarchy idea h1 - h6. We are more looking for an actual idea where these appear in a real application use case.

[pbal]

I dont have any more example to give you other than stating the purpose of h1...h6 tags

For more reading

• https://html.com/tags/heading/
• https://www.seoptimer.com/blog/h1-html-tag/
• https://en.ryte.com/wiki/Heading_Tag

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.