Skip to content

Line height of Gilroy font in Text component is not respected #28949

@vijayst

Description

@vijayst

Description

When I specify a line height for Gilroy font, I am getting a line height which is 6 pixels more than the specified line height. In the below screen shot, the font size is 24 pixels, line height is 25 pixels. And total height of text component is 62 pixels. So, the line height for each line is 31 pixels - 6 pixels more than the specified line height.

Screenshot 2020-05-21 at 10 39 30 PM

React Native version:

RN version: 0.61.5

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Specify line height of text component with Gilroy font
  2. Verify the text component display

Expected Results

The height of the text component should be the same as the line height specified.

Snack, code example, screenshot, or link to a repository:

I have a Github repo with Gilroy Bold font and minimum reproducible example.
https://github.com/vijayst/font-height

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions