网站 Web字体特色选择

发布：2018-10-30 21:50:25 浏览：4044

尽管网页的版式基本规则和传统印刷文档十分一致，屏幕字体和纸质印刷字体却大相径庭。相对于图书、杂志甚至是用廉价打印机打印的纸张，计算机屏幕显示字体所采用的分辨率相当低。大多数杂志和图书字体都采用1200dpi(dotsperinch，点/英寸)或者更高的分辨率来印刷，然而计算机屏幕的分辨率却鲜少高于85ppi(pixelsperinch，像素/英寸)。

当前AppleMacintosh和MicrosoftWindows操作都采用抗锯齿字体来增加计算机屏幕上的可视分辨率。抗锯齿通过平滑处理字体周围的边缘来达到效果，因此在正常的屏幕阅读距离范围内，字体看起来与高分辨率的打印字体无太大差异。抗锯齿的工作原理如下:与易读性和阅读相关的长期研究表明，抗锯齿可以提高阅读速度及准确度。在放大时，这些字体会变模糊，但是在正常的阅读条件下则十分清晰。

除了字体分辨率较低外，典型的计算机屏幕的可用区域也要比标准的普通版图书开本(尤其是高度)要小，标准的笔记本显示器的垂直高度十分有限。这些最大面积的计算均已假设浏览者已经在屏幕中将浏览器窗口进行了最大化，而且大多数时间，浏览器还有可能与浏览者在屏幕中打开的其他窗口共享屏幕空间。

动态构建

Web版式最与众不同的特征是它的多变性。Web页面会在每次被加载到Web浏览器时动态地构建。每行文字、每个标题以及每个独特的字体和样式都会经由Web浏览器、Web服务器以及浏览者的计算机操作系统复杂的交互重新创建。这个过程充满了不可预知性:缺失的字体、过时的浏览器、由浏览者指定的一一组特殊的字体首选项。你应该把你的Web页面布局和字体看成是页面显示方式的建议一你无从得知它们在浏览者屏幕上的准确显示方式。

内容结构及视觉逻辑

htML的发起人是那些想以标准方式共享粒子物理文档的科学家们。他们对文档在特定计算机屏幕上显示的准确形式不太感兴趣。实际上，hTML可用来强制分离内容结构和图形设计。在20世纪90年代的早期，人们根据这个意图来创建可以在所有系统和浏览器(包括可以为有视觉障碍的用户“读”内容的浏览器)上显示的万维网页面，这些页面可以被自动搜索和分析引擎精确地解读。

原Web设计师无视出版的图形设计和编辑管理的传统，忽略了人的动机及对说服的渴望。早期的Web程序员是如此关注制作便于机器使用的Web文档，以至于他们创建的文字只有机器(或者粒子物理学家)可读。他们仅关注文档结构逻辑，忽略了人们对精湛的图形设计和版式的可视化逻辑的需求。

层叠样式表

网站建设架构逻辑和视觉逻辑之间的分割通过层叠样式表(CSS)来调和。样式表可以控制页眉、段落、列表和其他页面元素的精准视觉样式。例如，你想将<h3>页眉设置成Arial粗体字，就可以在样式表中指定这些细节。你可以通过这种方式保留对HTML结构标签的逻辑使用，而不牺牲图形设计的灵活性。