css - Chrome/Firefox 检查显示相同的字体但实际上不是

标签 css

我在同一个页面上有两个帮助文本。 然而,它们只是看起来不同,具有相同的字体系列。

更新:

字体 2 与 Lato 完全不同,font 2 在 iframe 中。开发者控制台没有错误。

字体 1

inline inline

字体2

inline

inline

最佳答案

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

你必须遵循的步骤

1) 下载要在元素中应用字体的ttf文件。

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

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

3) 然后在您的元素中包含该 CSS,并相应地设置路径。 如果您仍然遇到问题,请告诉我,我随时可以提供帮助

谢谢!!

关于css - Chrome/Firefox 检查显示相同的字体但实际上不是,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48316279/

相关文章:

html - iframe 和文本定位

html - CSS body 元素宽度不起作用

css - 为什么我的@Font-Faces 无法加载?

javascript - 动态高度/最大高度和溢出

css - 主菜单影响子菜单

css - 父>子CSS选择器

html - 输入字段按钮的动态工具提示的最佳方式

javascript - 哇 js 不能使用滚动

css - Rails 3.2 在 Controller (不是整个 Controller )中使用不同的 CSS 页面进行一些操作

html - IE 11 和 Edge 格式错误