无法将 san-serif 字体对齐到 H1 标签的边缘
Cannot align san-serif font to the very edge of H1 tag
奇怪的问题让我怀疑我遗漏了一些简单的东西。关于以下任何想法：
我有一个带有无衬线字体的 H1 标签（从 Google 字体加载），如果我给它一个背景颜色，你可以看到文本没有与包含的左边对齐标签：
如果我添加衬线字体，您可以看到它确实按我需要的方式运行，文本靠左手边。当我在开发工具中打开它 on/off 时，它只是 adding/removing 衬线：
除字体粗细外，没有任何样式应用于 H1。尝试重置我的边距但无济于事。
我可以设置负边距，但这不适用于所有分辨率。
字距调整将关闭。它占据一个设定的宽度，不管字母是否在边缘。免费字体以它而闻名。解决这个问题的最佳方法是使用不同的字体。
它在字体字形本身中，因此无法通过 CSS 轻松绕过它，除非您编辑字体本身。请参阅以下屏幕截图。
衬线体：
Sans-serif:
参考工具：http://nodebox.github.io/opentype.js/glyph-inspector.html
奇怪的问题让我怀疑我遗漏了一些简单的东西。关于以下任何想法：
我有一个带有无衬线字体的 H1 标签（从 Google 字体加载），如果我给它一个背景颜色，你可以看到文本没有与包含的左边对齐标签：
如果我添加衬线字体，您可以看到它确实按我需要的方式运行，文本靠左手边。当我在开发工具中打开它 on/off 时，它只是 adding/removing 衬线：
除字体粗细外，没有任何样式应用于 H1。尝试重置我的边距但无济于事。
我可以设置负边距，但这不适用于所有分辨率。
字距调整将关闭。它占据一个设定的宽度，不管字母是否在边缘。免费字体以它而闻名。解决这个问题的最佳方法是使用不同的字体。
它在字体字形本身中，因此无法通过 CSS 轻松绕过它，除非您编辑字体本身。请参阅以下屏幕截图。
衬线体：
Sans-serif:
参考工具：http://nodebox.github.io/opentype.js/glyph-inspector.html