网络编程
位置:首页>> 网络编程>> 网页设计>> 通过不同的CSS设计字体大小来提高用户体验(2)

通过不同的CSS设计字体大小来提高用户体验(2)

作者:暴风彬彬 来源:彬Go 发布时间:2008-12-10 19:17:00 

标签:字体,设计,用户体验,css

选择哪一种方法

CSS中有许多和字体有关的选项,但哪一种最适合在您的网络应用中使用呢?绝对大小有许多缺陷,特别是在一致性、灵活性与访问性方面存在问题。与绝对字体大小相比,任何视力有缺陷的用户可使用相对字体大小来扩大页面中的文字,这样更便于阅读。因此,开发者经常使用相对大小。

让我们来详细了解一下相对大小:

像素是最通用的大小值。多数浏览器都支持它,但也并非总是如此。浏览器常常将像素当作屏幕像素而非CSS像素来处理。像素的一个缺点在于,它忽略或否定用户的喜好,且不能在IE中调整大小。

许多开发者偏爱用点来衡量字体大小,但点主要用于桌面印刷系统,不方便移植到网络中。在呈现文本时,操作系统或浏览器默认使用像素。

最常用的方法是使用em或百分比大小。EM可在所有支持调整尺寸的浏览器中进行调整。Em还与用户偏爱的默认大小有关。在IE中应用em的结果难以预料。在IE中最好使用百分比来设定文本大小。

下面的例子结合使用em和百分比值来对文本进行格式化。基本文本用百分比值来设置,然后用em来进行调整。

<html>
<head>
<title>Display Test</title> 
<style type=”text/css”> 
body {font: Sans Serif, Arial; font-size: 110 %} 
</style>
</head>
<body> 
<p style=”font-size: 1.0em;”>Basic text.</p> 
<p style=”font-size: 1.5em;”>Larger text.</p> 
<p style=”font-size: 0.5em;”>smaller text.</p> 
</body>
</html> 

所有都与外观有关

现有的标准提供许多格式化并呈现网络应用中的文本的方法。开发者可以很方便地将文本分解成相对和绝对标识符。关键在于保持一致,并彻底检测解决方案。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com