Font Rendering / Line-Height Issue on Mac/PC (outside of element)

by

If it is resolved by using a different font (Arial) then the issue is with the font, not with the CSS. As you have noticed font rendering differs between browsers.

One possible solution could be to download the Cutive font (I see it has a SIL license) and then run it through the Font Squirrel font-face generator. In “Expert” mode there is an option to “Fix Vertical Metrics” which might be what you are looking for.

More Related Contents:

  1. How do I vertically center text with CSS? [duplicate]
  2. How can I vertically align elements in a div?
  3. Best way to center a on a page vertically and horizontally? [duplicate]
  4. How to align content of a div to the bottom
  5. Vertically align an image inside a div with responsive height
  6. Equal height columns with CSS
  7. Why does this inline-block element have content that is not vertically aligned
  8. CSS vertical alignment of inline/inline-block elements
  9. How to vertically center a container in Bootstrap?
  10. Vertical Text Direction
  11. How to set the margin or padding as percentage of height of parent container?
  12. Add centered text to the middle of a horizontal rule [duplicate]
  13. How to apply CSS page-break to print a table with lots of rows?
  14. Vertical align not working on inline-block
  15. How to vertically align into the center of the content of a div with defined width/height?
  16. How does the vertical-align property work?
  17. CSS: Vertically align div when no fixed size of the div is known
  18. using text-align center in colgroup
  19. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  20. space between divs – display table-cell
  21. overflow:scroll; in
  22. How to center div vertically inside of absolutely positioned parent div
  23. Why doesn’t vertical-align work properly when using float in CSS?
  24. How are `display: table-cell` widths calculated?
  25. Responsive tables, the smart way
  26. Why do Firefox and Opera ignore max-width inside of display: table-cell?
  27. CSS Cell Margin
  28. CSS way to horizontally align table
  29. Pin a flex item to the bottom of the container
  30. Border around specific rows in a table?

Leave a Comment