把握移动端字体设计的七大准则

终是落了

已于 2024-10-16 18:56:51 修改

阅读量323

点赞数 3

文章标签： html5

于 2024-10-16 18:37:33 首次发布

本文链接：https://blog.youkuaiyun.com/2303_80015178/article/details/142984424

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>移动端字体设计的七大准则</title>
		
	<!--设CSS-->
		<style type = "text/css">
			h2{
				text-align:center;
				 font-size:35px; 
				 font-family:"方正正中黑简体","黑体"; 
				 color:#666; 
				 letter_spacing:10px
			}
			h2 span,.author span{color:#076BBC;}
			.author{
				text-align:center;
				color:#666;
				font-family:"楷体";
			}
			p{
				font-family:"微软雅黑","黑体";
			}
			span{
				color:#f00;
			}
			.phone{
				font-family:"楷体";
				italic;
				color:#666;
				font-size;15px;
				
			}
			.phone span{
				color:#076BBC;
			}
			.phone a{
				color:#076BBC;
			}
			hr{
				color:ddd;
			}
		</style>
	</head>
	<body>
		<h2>把握<span>移动端字体设计</span>的七大准则</h2>
		<p class="author">更新时间：<span>2024年10月16日16时16分</span>
		&nbsp;&nbsp;来源:<span>问答精灵</span>
		</p>
		
		<img src="../static/picture.jpeg" hspace = "30" align = "left" />
		<p>&nbsp;<span>留足空间，字体并非弯弯曲曲的线条排列</span>，它主要在于周围和相互间的空间</p>
		<p>&nbsp;行宽是一行文字的长度，<span>是一行文字的理想长度</span>，因为很难让每一行都精准温和。</p>
		<p>&nbsp;行距是行之间的空间，行距太紧凑，<span>会让视线难以从行尾扫视到下一行首。</span></p>
		<p>&nbsp;所有字体至少一种最佳状态，<span>使字体在浏览器中最能保持自行的抗锯齿选项。</span></p>
		<p>&nbsp;你读的多数内容是<span>居左对齐，且右边沿参差不齐</span>，这样看起来更<span>有节奏</span>。</p>
		<p>&nbsp;增强文字与被禁对比的同时，我们也要<span>减少不同层次文字间的反差</span></p>
		<p>&nbsp;<span>按比例调整字间距</span>，为移动端调整字号时，要意识到字间距发生了必要的变化。</p><hr/>
		<p class = "phone">&nbsp;原文链接：<a href="https://mp.youkuaiyun.com/mp_blog/creation/editor/142984424">
		http://www.woshipm.com/pd/136680.html</a>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文章分类：<span>艺术设计</span></p>
	</body>
</html>