手动实践3-把握移动端字体设计的七大准则
手动实践3-把握移动端字体设计的七大准则
实例：
程序代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>手动实践3</title>
<style>
h2{letter-spacing: 5px;
}
.a{font-family: "华文新魏"}
ins{
text-decoration: none;
color: #4ABEF2
}
strong{
font-weight: inherit;
color: #FF0004;
}
.b{line-height: 30px;
}
</style>
</head>
<body>
<h2 align="center">把握<ins>移动端字体设计</ins>的七大准则</h2>
<img src="2.jpg" alt="图片" align="left" hspace="50"/>
<p class="b">♠<strong> 留足空间，字体并非弯穹曲曲的线条排列</strong>，它主要在于周围和相互间的空间。<br>
♠行宽是一行文字的长度，<strong>是-行文字的理想长度</strong>，因为很难让每一行都精确吻合。<br>
♠行距是行之间的空间，行距太紧凑，<strong>会让视线难以从行尾扫视到下一行首</strong>。<br>
♠所有字体至少都有一种最佳状态，<strong>使体在浏览器中最能保持字形的抗锯齿选项</strong>。<br>
♠你读的多数内容是<strong>居左对齐，右边沿参差不齐的</strong>，这样看起来更<strong>有节奏</strong>。<br>
♠增强文字与背景对比的同时，我们也要<strong>减少不同层次文字间的反差</strong>。<br>
♠<strong>按比例调整字间距</strong>，为移动端调整字号时，要意识到字间距发生了必要的变化。
</p>
<hr>
<p>
文章分类:<ins>艺术设计</ins></em></p>
</body>
</html>
