css - 字体更改android chrome上的css样式

Question

我有这种阿拉伯字体nazanin，它工作正常，但是当我在 android chrome 上尝试它时，它会改变填充等。

这就是它在常规浏览器上的显示方式

这就是它在 android chrome 上的显示方式

Answer 1

浏览器有不同的默认 css 样式。pc chrome 和 android chrome 也是。

也许链接 reset.css 或 normalize.css 可以修复它。

https://meyerweb.com/eric/tools/css/reset/

或者

https://necolas.github.io/normalize.css/

或者...

如果这个“按钮”是按钮。

覆盖按钮样式，如下所示。

button{
  padding: 3px;
  border-radius: 3px;
  etc...
}