html - 无法将 san-serif 字体对齐到 H1 标签的边缘

Question

奇怪的问题让我怀疑我遗漏了一些简单的东西。关于以下任何想法:

我有一个带有无衬线字体的 H1 标签(从 Google 字体加载)，如果我给它一个背景色，您会看到文本没有与包含标签的左侧对齐:

如果我添加衬线字体，您可以看到它确实按我需要的方式运行，文本位于左侧。当我在开发工具中打开/关闭它时，它只是添加/删除衬线:

除字体粗细外，没有任何样式应用于 H1。尝试重置我的边距但无济于事。

我可以设置负边距，但这不适用于所有分辨率。

Answer 1

它在字体字形本身中，因此除非您编辑字体本身，否则无法通过 CSS 轻松绕过它。请参阅以下屏幕截图。

衬线体:

无衬线字体:

引用工具:http://nodebox.github.io/opentype.js/glyph-inspector.html