What does font-size really correspond to?

by

Your understanding of the W3C references is correct, but your understanding of the red box is not.

The red box does not depict the em-square. Its height is the sum of the ascent and descent from the metrics.

More Related Contents:

  1. How is font size calculated?
  2. Font size in CSS – % or em? [duplicate]
  3. In CSS Flexbox, why are there no “justify-items” and “justify-self” properties?
  4. Font scaling based on width of container
  5. Transparent text cut out of background
  6. Is quoting the value of url() really necessary?
  7. Are eot, ttf, and svg still necessary in the font-face declaration?
  8. Same font except its weight seems different on different browsers
  9. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  10. How to import Google Web Font in CSS file?
  11. Wait for fonts to load before rendering web page
  12. What does the forward slash mean in the CSS font shorthand?
  13. Is there any “font smoothing” in Google Chrome?
  14. Downloading a Google font and setting up an offline site that uses it
  15. How can I determine what font a browser is actually using to render some text?
  16. Create webfont with Unicode Supplementary Multilingual Plane symbols
  17. CSS: bolding some text without changing its container’s size
  18. Webfont Smoothing and Antialiasing in Firefox and Opera
  19. Webpack “OTS parsing error” loading fonts
  20. Can a CSS pixel be a fraction?
  21. Why would font names need quotes?
  22. Make text height 100% of div?
  23. Non-Standard fonts in web?
  24. When setting a font-size in CSS, what is the real height of the letters?
  25. Font scaling based on size of container
  26. What is the em font-size unit? How much is it in pixels?
  27. Font weight turns lighter on Mac/Safari
  28. How to prevent different browsers rendering fonts differently?
  29. How do I style a specific word with CSS in an HTML element?
  30. css different font sizes on different families

Leave a Comment