<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>制作图文混排页面</title>
<style type="text/css">
@font-face{
font-family:"方正剪纸简体";
src:url(font/FZJZJW.TTF);
}
h2{font-family:"方正剪纸简体";font-size:14px;}
.one span{color:red;}
.two span{color:red;}
.three span{color:red;}
.four span{color:red;}
.five span{color:red;}
.six span{color:red;}
.seven span{color:red;}
.eight{color:blue;}
</style>
</head>
<body>
<h2 style="text-align:center;">把握<span style="color:blue;">移动端字体设计</span>的七大准则</h2>
<p style="text-align:center;">更新时间:<span style="color:blue;">2015年06月06日17时26分</span> 来源:
<span style="color:blue;">传智播客</span>
</p>
<img src="img/10.jpg" align="left" hspace="30"/>
<p class="one">♠<span>留足空间</span>,与普遍观点恰好相反,<span>字体并非弯弯曲曲的线条排列</span>,它主要在于周围和相互间的空间。</p>
<p class="two">♠行宽是一行文字的长度。或者确切的说,<span>是一行文字的理想长度</span>,因为很难让每一行都精确吻合。</p>
<p class="three">♠行距是行之间的空间,行距太紧凑,<span>会让视线难以从行尾扫视到下一行首。</span></p>
<p class="four">♠所有字体至少都有一种最佳状态,<span>使字体在浏览器中最能保持字形的抗锯齿选项。</span></p>
<p class="five">♠你读的多数内容是<span>居左对齐,右边沿参差不齐的</span>,这样看起来更<span>有节奏。</span></p>
<p class="six">♠增强文字与背景对比的同时,我们也要<span>减少不同层次文字间的反差</span>。</p>
<p class="seven">♠<span>按比例调整字间距</span>,为移动端调整字号时,我们要意识到字间距发生了必要的变化。</p>
<hr size="3" color="grey">
<div class="eight" style="font-style:italic;">
<span style="color:grey;">原文链接:</span>
<a href="http://www.woshipm.com/pd/136680.html">http://www.woshipm.com/pd/136680.html
<span style="color:grey;">文章分类:</span>
艺术设计
</div>
</body>
</html>