字体被IE / ME切断

Question

我遇到IE和Microsoft Edge的问题，如果它是一个高大的字母（例如，l，d），则会删除我的h1标签中的最后一个字母。

以下是它的外观：

与IE和ME如何呈现它：

＆＃13;

＆＃13;

@font-face {
    font-family: Edwardian;
    src: url('font/EdwardianScriptITC.eot');
    src:url("file:///projects/font/EdwardianScriptITC.eot");
      src: url('font/EdwardianScriptITC.eot?#iefix') format('embedded-opentype'),
        url('font/EdwardianScriptITC.svg') format('svg'),
        url('font/EdwardianScriptITC.woff') format('woff'),
        url('font/EdwardianScriptITC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
}
header h1 {
    font-weight: 900;
    font-size: 5em;
    color: #000;
    margin-left: 15px;
    margin-bottom: -35px;
    overflow: visible;
}
.content, .page-content {
    margin: auto;
}

＆＃13;

<div class="page-container">
  <header class="content">
    <h1 class="cursive">Industrial</h1>
  </header>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

添加letter-spacing: .08em;以及在H1标记之后添加 。 Solution和另一个solution。