#码力全开·技术π对#Flutter Web在CanvasKit渲染模式下出现文字模糊或性能下降，有哪些优化方案？‌

void main() {
  // 在WidgetsFlutterBinding初始化前设置DPR
  if (kIsWeb) {
    final double devicePixelRatio = window.devicePixelRatio;
    window.onMetricsChanged = () {
      // 监听窗口变化，动态调整DPR
      final double newRatio = window.devicePixelRatio;
      if (devicePixelRatio != newRatio) {
        window.onMetricsChanged = null;
        main(); // 重启应用以应用新DPR
      }
    };
  }
  runApp(const MyApp());
}

Text(
  '示例文本',
  style: TextStyle(
    fontSize: 16.0,
    fontFamily: 'Roboto',
    // 启用抗锯齿和亚像素渲染
    fontSmoothing: FontSmoothing.antialiasedWithSubpixelRendering,
  ),
)

// 在pubspec.yaml中明确指定字体
fonts:
  - family: Roboto
    fonts:
      - asset: fonts/Roboto-Regular.ttf
      - asset: fonts/Roboto-Bold.ttf
        weight: 700