Css IE11有时不显示整个H1_Css_Internet Explorer 11_Google Font Api

Css IE11有时不显示整个H1

css

Css IE11有时不显示整个H1,css,internet-explorer-11,google-font-api,Css,Internet Explorer 11,Google Font Api,请查看以下测试站点：在IE11中刷新页面时，您会注意到，有时最后的“e”不会显示。当你将鼠标悬停在标题上时，它就会显示出来。我无法访问其他版本的IE，因此我不知道这是否仅限于IE11 我使用的是谷歌字体（Oswald）。以下是相关代码： HTML <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv

请查看以下测试站点：

在IE11中刷新页面时，您会注意到，有时最后的“e”不会显示。当你将鼠标悬停在标题上时，它就会显示出来。我无法访问其他版本的IE，因此我不知道这是否仅限于IE11

我使用的是谷歌字体（Oswald）。以下是相关代码：

HTML

<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Oswald:400,300,700'>
  <link rel='stylesheet" href='style.css'>
</head>
  <body>
    <h1><a href="/">YellowSubmarine</a></h1>
  </body>
</html>

坦率地说，我不知道如何开始故障排除。非常感谢您的帮助。

请将相关代码添加到您的帖子中。调试/修复此问题很难做到。因为这是最后一个字母，您是否尝试在末尾添加另一个字符？你可以在前后放置一个

。我尝试在前后添加一个

，这似乎很有帮助，但不幸的是，这会在其他浏览器中打乱我的设计。最后一页将有更多与标题对齐的元素。我相信问题是由CSS

a{transition:all 0.4s ease 0s；}

引起的。希望这能帮助你解决这个问题。我已经测试了你的理论，从样式表中删除了一个{code>a{transition:all 0.4s ease 0s；}，但问题仍然存在。

body {
  font-family: "Oswald",sans-serif;
}
h1 {
  font-size: 130px;
}
h1 a {
  font-weight: 700;
  text-transform: uppercase;
}