Question

enter image description here

嗨，我在Windows上的chrome中遇到了font-face问题：这是我的代码：

 <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta http-equiv='X-UA-Compatible' content='IE=edge'>
      <title>All formats - fallback ordering</title>  
      <style> 
        @font-face {
          font-family: 'LCSansRegular';
          src: url('fonts/lc-sans/LC_SansRegular.eot'); 
          src: url('fonts/lc-sans/LC_SansRegular.eot?#iefix') format('embedded-opentype'),
               url('fonts/lc-sans/LC_SansRegular.svg#LCSansRegular') format('svg'), 
                url('fonts/lc-sans/LC_SansRegular.otf') format('opentype'),
                url('fonts/lc-sans/LC_SansRegular.woff') format('woff'),
                url('fonts/lc-sans/LC_SansRegular.ttf')  format('truetype');
          font-weight: normal; font-style: normal;
      }
     h1 { font-family: 'LCSansRegular'; font-size: 36px; }
      </style>
    </head>
    <body>
    <h1>Heading 1 The quick brown fox jumps over the lazy dog</h1>
    </body>
    </html>

为什么底部部分在Chrome上切断，它在Mac上的Chrome / ff和ff上工作正常，即在Windows上的9-11，但Windows上的Chrome除外。

Answer 1

我无法重现错误，但是将h1 line-height设置为1em应该可以修复它。

h1 {
    line-height: 1em;
}

chrome中嵌入字体问题，客户字体底部被截断

1 个答案: