Repository: flutter
Issue: [web] HTML renders odd appearance compared to CanvasKit
Labels: engine,a: typography,platform-web,e: web_html,has reproducible steps,P3,found in release: 2.5,found in release: 2.6,team-web,triaged-web

<!-- 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

I'm displaying network images on Flutter web. The [workaround](https://stackoverflow.com/a/66617476/2497859) I found to fix this issue by adding `--web-renderer html` arguments on my build. Let me know if you have better workarounds to display network images on Flutter web. Otherwise, I'd like HTML render to have similar appearance with CanvasKit render.

Currently it looks like this

### HTML
Density isn't ideal when viewed on high-density displays and text style seems to be different as well.
<img width="501" alt="Screen Shot 2021-09-11 at 11 30 06 PM" src="https://user-images.githubusercontent.com/4143153/132953234-6671ee8b-53c4-425c-a54a-259c48575aa2.png">

### CanvasKit
<img width="500" alt="Screen Shot 2021-09-11 at 11 29 59 PM" src="https://user-images.githubusercontent.com/4143153/132953232-25abcf2a-30d2-4c88-a5fe-7f4624e24c74.png">

1. Run any sample Flutter app with `flutter run -d chrome --web-renderer html`
2. Run any sample Flutter app with `flutter run -d chrome --web-renderer canvaskit`

**Expected results:** <!-- what did you want to see? -->

HTML render should have similar appearance with CanvasKit 

**Actual results:** <!-- what did you see? -->

HTML render doesn't look great on high-density displays.

<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.
-->

```
```

<!--
     Run `flutter analyze` and attach any output of that command below.
     If there are any analysis errors, try resolving them before filing this issue.
-->

```
```

<!-- Finally, paste the output of running `flutter doctor -v` here. -->

```
[✓] Flutter (Channel stable, 2.2.3, on macOS 11.5.2 20G95 darwin-x64, locale en-PH)
    • Flutter version 2.2.3
    • Framework revision f4abaa0735 (2 months ago), 2021-07-01 12:46:11 -0700
    • Engine revision 241c87ad80
    • Dart version 2.13.4

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK
    • Platform android-30, build-tools 30.0.2
    • Java binary at: /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home/bin/java
    • Java version Java(TM) SE Runtime Environment (build 1.8.0_221-b11)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.0.1, Build version 12A7300
    • CocoaPods version 1.10.0

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[!] Android Studio (version 2020.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    ✗ Unable to find bundled Java version.
    • Try updating or re-installing Android Studio.

[✓] VS Code (version 1.59.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.25.0

[✓] Connected device (1 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 93.0.4577.63

! Doctor found issues in 1 category.
```

</details>