h1 dtext size Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/h1-dtext-size/ A Platform for Software Engineers Mon, 27 Sep 2021 12:54:42 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 Bootstrap : Default Text Sizes https://www.scmgalaxy.com/tutorials/bootstrap-default-text-sizes/ https://www.scmgalaxy.com/tutorials/bootstrap-default-text-sizes/#respond Mon, 27 Sep 2021 12:54:40 +0000 https://www.scmgalaxy.com/tutorials/?p=9257 Bootstrap’s font sizes are calculated off of the body font size by using rem values. If you changethe body font […]

The post Bootstrap : Default Text Sizes appeared first on scmGalaxy.

]]> Bootstrap’s font sizes are calculated off of the body font size by using rem values. If you change
the body font size all styles will be increased/decreased automatically. Rem stands for “root em”
because it calculates the size based on the size of the root of the document or body tag.

Tag / ClassDefault Font size
body16px; line-height: 1.5;
font-family: “Helvetica Neue”, Helvetica, Arial,
sans-serif;
p, li1rem / 16px
h12.5rem / 40px
h1 small80% / 32px
h22rem / 32px
h2 small80% / 25.6px
h31.75rem / 28px
h3 small80% / 22.4px
h41.5rem / 24px
h4 small80% / 24px
h51.25rem / 20px
h5 small80% / 16px
h61rem / 16px
h6 small80% / 12.8px
.display-16rem / 90px
.display-25.5rem / 82.5px
.display-34.5rem / 67.5px
.display-43.5rem / 52.5px

The post Bootstrap : Default Text Sizes appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/bootstrap-default-text-sizes/feed/ 0