Tutorial font hard to read

I worked through the tutorial today, it suggests:

We strongly recommend typing code by hand as you’re working through the tutorial and not using copy/paste. This will help you develop muscle memory and a stronger understanding.

I agree with it, but I found impossible because I cannot tell the difference between Braces {} and Parentheses () due to the font.

I'm using Chrome on Ubuntu 20,04 with the Yarun-dark theme so perhaps that causes the issue.

For example the left braces in the copied image below look like parentheses

rather than

  renderSquare(i) {
    return <Square value={i} />;
  }

The right braces on below look different on the value= and onClick= lines as well

从受影响的教程页面开始，使用截图和 JSX 示例作为参考，在带有 Yarun-dark 主题的 Ubuntu 20.04 上通过 Chrome 重现花括号和圆括号的渲染效果。跟踪页面上显示的代码样式，并验证修复完成后，教程中的花括号和圆括号在视觉上可以区分。