Problem with Noto Sans TC and SC fonts

Hi,

I did an import of Noto Sans TC and Noto Sans SC in my scss:
```
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
```
and add the following
```
* {
box-sizing: border-box;
font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif !important;
font-size: $fontSize14;
}
```
The page does reflect the imported font but I noticed certain glyphs do not seems to match with the rest... I have attached a screenshot showing an example.

I am using create-react-app with Material UI.