Repository: flutter
Issue: Chinese text has positive bottom padding and negative top padding, happening on both iOS and Android, thus not possible to vertically center a text
Labels: framework,a: internationalization,a: typography,has reproducible steps,P2,found in release: 2.8,found in release: 2.9,team-framework,triaged-framework

<!-- Thank you for using Flutter!

     If you are looking for support, please check out our documentation
     or consider asking a question on Stack Overflow:
      * https://flutter.dev/
      * https://api.flutter.dev/
      * https://stackoverflow.com/questions/tagged/flutter?sort=frequent

     If you have found a bug or if our documentation doesn't have an answer
     to what you're looking for, then fill out the template below. Please read
     our guide to filing a bug first: https://flutter.dev/docs/resources/bug-reports
-->

## Steps to Reproduce

<!-- Please include full steps to reproduce so that we can reproduce the problem. -->

Just copy and paste this code snippet and run it.


**Expected results:** <!-- what did you want to see? -->

Text should not have such strange padding at bottom.

**Actual results:** <!-- what did you see? -->

This is the screenshot when running the app. As we can see, the text has two strange things:

1. It has non-neglectable bottom paddings.
2. It has negative top padding.

This is a problem, because with such, we cannot vertically make a text center-aligned. for example, a `Center` will make the text "box" centered, but due to uneven padding, it will indeed be put higher than expected.

By the way, I have tested it on a iPhone and an android, so it seems not to be a problem of one specific font, but rather something intrinsic.

![image](https://user-images.githubusercontent.com/5236035/149650408-7d2c062f-2dc1-4e33-9dab-bd7479d044f6.png)


<details>
<summary>Code sample</summary>

<!--
      Please create a minimal reproducible sample that shows the problem
      and attach it below between the lines with the backticks.

      To create it you can use `flutter create bug` command and update the `main.dart` file.

      Alternatively, you can use https://dartpad.dev/
      which is capable of creating and running small Flutter apps.

      Without this we will unlikely be able to progress on the issue, and because of that
      we regretfully will have to close it.
-->

```dart
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Center(
          child: Container(
            color: Colors.orange[200],
            child: const Text(
              '探索文本工王田甲乙丙丁一二三四口',
              style: TextStyle(
                fontSize: 24,
                height: 1,
              ),
            ),
          ),
        ),
      ),
    );
  }
}
```

</details>

<details>
  <summary>Logs</summary>

<!--
      Run your application with `flutter run --verbose` and attach all the
      log output below between the lines with the backticks. If there is an
      exception, please see if the error message includes enough information
      to explain how to solve the issue.
-->

```
n/a
```

<!--
     Run `flutter analyze` and attach any output of that command below.
     If there are any analysis errors, try resolving them before filing this issue.
-->

```
no problem
```

<!-- Finally, paste the output of running `flutter doctor -v` here. -->

```
2.8.1
```

</details>


<!--
      Consider also attaching screenshots and/or videos to better
      illustrate the issue.

      You can upload them directly on GitHub.
      Beware that video file size is limited to 10MB.
-->