css 遨游英文字体比其他浏览器大

CSS（层叠样式表）是一种用于网页设计的语言，它能够改变网页中元素的外观和布局。不过，有时候你会发现，在不同的浏览器中，同一个英文字体显示的大小会不一样。

body {
  font-family: Arial,sans-serif;
  font-size: 16px;
}

上面这段 CSS 代码定义了网页中的字体和字号。其中，Arial 是指定的英文字体名称，而 sans-serif 是一种通用字体类别，意味着如果 Arial 不可用，浏览器会使用其它类似的字体，例如 Helvetica。

然而，在使用 CSS 指定字体时，不同的浏览器系统会解释字体不同。例如，Chrome 和 Safari 浏览器会在计算文字大小时，使用比其他浏览器更大的纵向空间。因此，在 Chrome 和 Safari 中，即使是同样的字号下，字体也会显得比 Firefox 或 Edge 更大。

为了在使用 CSS 指定字体时，让所有浏览器显示一致的大小，我们可以使用 遨游英文站点 提供的压缩文件，它包含排好序的英文字体列表和合适的 CSS 代码。

@font-face {
  font-family: 'Mariana Web Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MarianaWebPro-Regular.woff2') format('woff2');
}

上面这段 CSS 代码使用了 @font-face 规则，它允许网页开发者自定义字体文件，使其在特定的网页上可用。其中，Mariana Web Pro 是一种字体名称，下面的文件路径指定了字体文件的具体位置。

总之，使用 CSS 指定字体时，我们需要注意不同浏览器对字体显示大小的差异，选择合适的字体类别，或者使用遨游英文站点提供的字体压缩文件，使得网页字体在所有浏览器中表现一致。