Repository: flutter
Issue: [Web] Using web-renderer=html and Chrome text is blurry depending on browser window size.
Labels: engine,platform-windows,a: typography,platform-web,e: web_html,has reproducible steps,P2,found in release: 2.1,customer: arias,team-web,triaged-web

## Steps to Reproduce

- create a new Flutter project
- replace the code in main.dart with the code below
- start with `flutter run --web-renderer html` and make sure to use Chrome
- minimize browser window width to minimum
- notice blurry text

Notes:
- using Windows 10
- minimum browser window width seems to be 502 pixels
- text is also blurry at other widths, this was just the easiest way to reproduce
- the specific combination of Row and alignment and SingleChildScrollView and Column seems to be necessary. I couldn't reduce the repro scenario any further.

```
import 'package:flutter/material.dart';

void main()
{
    runApp(App());
}

class App extends StatelessWidget
{
    @override
    Widget build(BuildContext context)
    {
        return MaterialApp(
            home: Scaffold(
                body: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                        SingleChildScrollView(
                            child: Column(
                                children: [
                                    Text('123456789012')
                                ]
                            )
                        )
                    ]
                )
            )
        );
    }
}
```

**Expected results:**
Well-rendered, clear, crisp text, the same you see at other browser window widths.

**Actual results:**
Blurry text.

<details>
  <summary>flutter doctor -v</summary>

[√] Flutter (Channel beta, 2.2.0-10.1.pre, on Microsoft Windows [Version 10.0.19042.928], locale en-DE)
    • Flutter version 2.2.0-10.1.pre at C:\xyz
    • Framework revision 0941968447 (11 days ago), 2021-04-15 12:01:02 -0700
    • Engine revision d2a2e93510
    • Dart version 2.13.0 (build 2.13.0-211.6.beta)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\xyz
    • Platform android-S, build-tools 30.0.3
    • ANDROID_HOME = C:\xyz
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 3.6)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 49.0.1
    • Dart plugin version 192.8052
    • Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)

[√] IntelliJ IDEA Ultimate Edition (version 2019.3)
    • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA 2019.1.1
    • Flutter plugin version 44.0.3
    • Dart plugin version 193.6911.31

[√] IntelliJ IDEA Ultimate Edition (version 2020.3)
    • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA 2020.2.2
    • Flutter plugin version 54.1.4
    • Dart plugin version 203.7759

[√] VS Code (version 1.54.3)
    • VS Code at C:\xyz
    • Flutter extension version 3.18.1

[√] Connected device (2 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 90.0.4430.85
    • Edge (web)   • edge   • web-javascript • Microsoft Edge 90.0.818.46

• No issues found!
</details>

Blurry, 502 pixels wide:
![Blurry 502](https://user-images.githubusercontent.com/11562425/116124135-30f38a80-a6c4-11eb-85c9-6b6930ada3e9.png)

Clear, 503 pixels wide:
![Clear 503](https://user-images.githubusercontent.com/11562425/116124145-33ee7b00-a6c4-11eb-9659-312ce0c7d442.png)