垂直指标 - 低于保证金

时间:2017-05-08 05:03:23

标签: html css fonts true-type-fonts opentype

我在www.fontark.com创建了一个自定义字体,当我保存字体时,每行文本下方都有一个巨大的空间。我已经准备好尝试了这个解决方案:http://fontark.net/farkwp/forums/topic/fixing-windows-vertical-metrics/但它没有用。

@font-face {
  font-family: 'RoundDid';
  src: url('rounddid.woff') format('woff'),
       url('rounddid.ttf') format('truetype'),
       url('RoundDid.otf') format('opentype'),
       url('rounddid.svg#RoundDid') format('svg');
  font-weight: normal;
  font-style: normal;
}
<!DOCTYPE html>
<html>
<head>
  <title>RoundDid - Font Home</title>
  <link rel="stylesheet" type="text/css" href="https://rounddid.github.io/assets/stylesheet.css" />
  <style>
   body {
     margin: 0;
     width: 100%;
     height: 100%;
     font-family: "RoundDid";
     font-size: 20px;
   }
   .page {
     width: 100%;
     height: 100%;
     background-color: #fcfcfc;
   }
   .page > .nav {
     max-width: 100%;
     padding: 5px;
     background-color: #ff7777;
     line-height: 34px;
     height: 35px;
   }
 </style>
</head>
<body>
  <div class="page">
     <div class="nav">
         RoundDid
     </div>
    Text
  </div>
</body>
</html>

ScreenShot:

The Spacing

感谢您提供的任何帮助。

**编辑:** 我尝试用FontForge修复它,但现在我收到了这些错误:

Failed to decode downloaded font: https://rounddid.github.io/assets/RoundDid.otf
OTS parsing error: Bad x dimension in the font bounding box (900, 783)

**编辑:使用字体忘记修复。

0 个答案:

没有答案