Chrome / Firefox检查显示相同的字体但实际上没有

Question

我在同一页面中有两个帮助文字。 但是，它们看起来与使用相同的font-family不同。

更新：

字体2显示的内容与Lato完全不同，font 2位于iframe内。开发人员控制台上没有错误。

字体1

字体2

Answer 1

这个问题主要出现在你没有添加所有格式的字体文件时..所以包括所有格式，如ttf，otf，svg等。

您必须遵循的步骤

1）下载要在项目中应用字体的ttf文件。

2）为这些字体生成CSS。您可以使用以下在线工具或类似工具生成CSS和其他格式。

https://www.fontsquirrel.com/tools/webfont-generator

3）然后在项目中包含CSS，并相应地设置路径。 如果您仍然遇到问题，请告诉我，我随时可以提供帮助

谢谢!!