我在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:
感谢您提供的任何帮助。
**编辑:** 我尝试用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)
**编辑:使用字体忘记修复。