Figma与Webflow中文字描边及字体渲染差异问题求助

我在Figma中设计了带白色描边、粉色阴影的文字标题，想在Webflow中1:1复刻，但遇到字体和描边渲染不一致的问题：

• Figma中字体、白色描边+粉色阴影显示完全符合预期
• Webflow中即便套用相同CSS属性，字体样式和描边效果仍和Figma差异明显

效果对比 #

• Figma渲染效果：
  
• Webflow渲染效果：
  

从Figma导出并在Webflow中应用的CSS #

color: #FF4776;
text-align: center;
font-feature-settings: 'ss01' on, 'liga' off;
text-shadow: 0px 3px 0px #FF4776;
-webkit-text-stroke-width: 4px;
-webkit-text-stroke-color: #F8FFFD;
font-family: Pally;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */

已尝试的解决步骤 #

• 在Webflow中上传Pally字体并设置为对应元素的font-family
• 在Webflow设计器中直接应用上述CSS，确认无其他类样式覆盖
• 通过自定义代码直接添加-webkit-text-stroke属性及font-feature-settings配置，描边效果仍未匹配Figma
• 调整text-shadow参数，尝试解决阴影与描边的重叠问题，未成功

疑问 #

1. 为什么Figma和Webflow的文字描边、字体渲染会有差异？是否和Webflow对font-feature-settings或描边属性的处理逻辑有关？
2. 在Webflow中实现和Figma一致的文字描边，有没有更优方案？或者跨浏览器兼容的文字描边替代方法？
3. Webflow对Pally字体或OpenType特性（如ss01、liga）的处理是否存在问题？如何保证跨平台渲染一致？

内容的提问来源于stack exchange，提问作者Skill Up