Repository: flutter
Issue: [web][html] text style sometimes looks slightly different (blurry and/or wrong color)
Labels: engine,platform-windows,platform-web,e: web_html,has reproducible steps,P2,found in release: 2.10,found in release: 2.11,team-web,triaged-web

## Steps to Reproduce
1) Build Card widget in loop(2 and more) where the button is the last widget and add Divider() or Border() at the end of loop.
2) Run the web app using the HTML renderer.
3) See that it doesn't render correctly. For 2 or more iterations, the color reset for some Texts.
4) On the 3rd card, the colors for the date, the word "Duration", the "Embarkation" are displayed incorrectly

**Expected results:** 
![image](https://user-images.githubusercontent.com/33370114/153875625-8b001b30-3328-4f61-9f6c-9113f2895861.png)


**Actual results:** ![image](https://user-images.githubusercontent.com/33370114/153875519-0e38ec5c-b5f6-4f81-9f24-8441cce7e1a1.png)

<details>
<summary>Code sample</summary>

>

```
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  MyApp({Key? key}) : super(key: key);

  TextStyle st =
      TextStyle(color: const Color(0xff0a2240), fontFamily: "Shapiro", fontSize: 18, fontWeight: FontWeight.w400);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Card Bug',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: Scaffold(
          backgroundColor: Colors.blue,
          appBar: AppBar(
            title: const Text('Counter'),
            centerTitle: true,
          ),
          body: CardWithBug(
            st: st,
          ),
        ));
  }
}

class CardWithBug extends StatelessWidget {
  TextStyle st;

  CardWithBug({Key? key, required this.st}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Row(
        children: [
          Expanded(
              flex: 2,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                   ..._buildInfoWidget(context)
                ],
              ))
        ],
      ),
    );
  }

  List<Widget> _buildInfoWidget(BuildContext context) {
    List<Widget> list = [];
    for (int i = 0; i <= 2; i++) {
      list.add(const Text(
        "NEW YORK NEW YORK NEW YORK NEW YORK",
        style: TextStyle(color: Color(0xff0a2240), fontFamily: "Shapiro", fontSize: 25, fontWeight: FontWeight.w400),
      ));
      list.add(const Text(
        "MIAMI MIAMI MIAMI MIAMI MIAMI",
        style: TextStyle(color: Color(0xff0a2240), fontFamily: "Shapiro", fontSize: 25, fontWeight: FontWeight.w400),
      ));
      list.add(TextButton(
          style: TextButton.styleFrom(
            padding: EdgeInsets.zero,
          ),
          child: Row(
            children: <Widget>[
              Flexible(child: Text(("DURATION") + ' ', style: st)),
            ],
          ),
          onPressed: () {}));
      list.add(const Divider(
        height: 1,
        thickness: 2,
        color: Colors.red,
      ));
    }
    return list;
  }
}
```

</details>

<details>
  <summary>Logs</summary>


```
No logs were found between backlits after running flutter run --verbose.
```



```
No analysis errors were found after running flutter analyze.
```



```
[√] Flutter (Channel stable, 2.10.0, on Microsoft Windows [Version 10.0.22543.1000], locale en-US)
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[√] Chrome - develop for the web
[X] Visual Studio - develop for Windows
    X Visual Studio not installed; this is necessary for Windows development.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 4.2)
[√] IntelliJ IDEA Ultimate Edition (version 2021.1)
[√] VS Code (version 1.63.2)
[√] Connected device (3 available)
[√] HTTP Host Availability
```

</details>