Web 与 Figma 中的字体表现不同

Question

我有两种字体，它们在Figma 和浏览器中的表现不同。 注意：我使用相同的字体文件（tusker 是

.otf

，helvetica 是

.tff

）

Dev env 只是一个简单的下一个应用程序（

v 13.2.4

），使用本地字体 api 从字体文件夹导入（其他字体工作正常，顺便说一句，所以我不相信这是我的代码）

1. Tusker Grotesk 5800超级字体字符间距不同，尽管figma没有设置字符间距属性（字符只是

   :_

   ）

网页：

figma：

2. Helvetica light oblique 不正确（在网页中它看起来像常规字体样式粗细），如下图所示

左为网络，右为figma：

我尝试在谷歌搜索后添加以下内容，这使得字体看起来不错，但对上面没有影响

-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; 
 text-rendering: optimizeLegibility;

欢迎大家提出任何想法！干杯

Answer 1

我在 MacOS 中使用 Chrome、Brave。 这是我的处理方式。

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;