网站与投资之间的字体差异(设计师和前端开发工具)

Question

我正在努力使我们的网站字体看起来与设计师的初衷完全一样。

我们使用了Google‘’文件。我尝试过几种策略：

• 直接从google [https://fonts.google.com/?query=source+sans+pro]使用
• 从Google下载TTF文件并使用@字体
• 使用推荐的字体松鼠将这些TTF文件转换为https://www.gorges.us/blog/google-fonts WOFF/WOFF 2文件
• 尝试在空的清洁角度CLI 6项目中使用此字体

不幸的是，上述任何一个都没有使字体看起来类似。

有人有这个问题吗？

Answer 1

在PhotoShop和浏览器中，大多数字体看起来都不一样。如果您想尽可能接近它，请让设计人员导出字体文件，然后添加到您的目录中，并通过@字体面添加。

Answer 2

这种差异是由实际在屏幕上绘制字体的软件造成的:呈现引擎。浏览器或设计程序可以具有自定义的程序，或者基于开源一号的程序，或者将其委托给操作系统。这些渲染引擎如何决定将矢量形状转换为像素之间的细微差异将导致较小的视觉差异。

你的字体永远不会在每个操作系统和浏览器上看起来完美，这是非常好的！