设计者在网页排版中应注意的一些问题（2）
发布时间：2012-04-20 13:13:58
网站宏观排版示例
Purple Bunny
Matt Hall
VS
字体配对
字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思，但对于初学者却并非易事。选择一种或多种的漂亮字体就够了，但是，你只是想完美配对两种字体，从理论上讲，难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践，为网站中所有的大标题使用一种字体，在一些简单段落里使用另一种字体，看看最终效果是否很单调。Douglass Bonneville书中就详细罗列了数千种字体配对，有兴趣的朋友可以去看看。
字体大小/粗细对比
如果你把字体弄得难以辨认，这是犯了大忌。你也知道字体配对对于精美排版的重要性，而不是用一些统一的文本。即使你找到了很棒的字体搭配，还是不要忘记为字体设置合适的大小和粗细。字体粗细和大小设置不当基本上就毁掉了之前的搭配，因为这会让你已经使用的不同字体难以辨认。还应注意一点，背景图片跟字体颜色相近或不匹配，会导致字体淹没在背景图片当中。
字体替换方法
在过去，设计师必须使用用户电脑，甚至带文本图片上有的字体，这样字体才会正确显示。随着技术不断发展，HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具，这些工具搜集了很多字体，用户不用安装专门的字体，字体照样正确显示。
@font-face
@font-face是最简单的替换方法之一。几年前曾对此做过介绍。因为没有乱糟糟的JavaScript和jQuery“捣乱”，它实现起来非常简单，只依靠CSS和额外的几句代码即可运行。font-face唯一的弊端可能在于，不同浏览器对渲染的处理方法不同，使用最新版本的浏览器应该能尽量避免这个问题，但是无论如何，既然遇到了问题，我们不能撒手不管。
虽然Google在2010年就发布了自己的字体库，并已收录了大约500多种字体。Google字体的API因其简单方便，值得信赖而被广泛使用。不过它的唯一弊端就是缺乏高质量的字体。虽然它提供了完整的字体类型，由于缺乏优质字体，会削弱网站的实力。
Typekit是一项存在很多年的知名服务。它收集的字体大约上千种，并且大部分都很漂亮，这也是它深受欢迎的原因所在。另一个原因则是，它提供了Google没有的付费的@font-face字体解决方案。该服务于2009推出，一年之后小有名气，比Google字体成名要早。唯一的弊端是让许多潜在客户头疼的支付方法。它是按年收费，除此之外，不同的价格套餐，网站页面浏览量，和每个网站使用的字体数都有限制。
它最给力的地方在于可使用的字体非常多，并且是完全免费的。它提供的字体深受喜爱，在许多网站上完全可免费使用。FontSquirrel甚至允许你使用@font-face生成器，创建你自己的@font-face字体包。（jaysming）
0
投稿猜你喜欢
Python中if __name__ == ‘__main__‘作用要搞清楚这个问题，要知道以py作- ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数，这意味着这些函数作为任何数组的方法都是可用的。1
- 由于最近需要使用爬虫爬取数据进行测试，所以开始了爬虫的填坑之旅，那么首先就是先系统的学习下关于正则相关的知识啦。所以将下面正则方面的知识点做
- 这篇文章主要介绍了Python os模块常用方法和属性总结,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要
- 1. 使用 in 和 not inin 和 not in 在 Python 中是很常用的关键字，我们将它们归类为 成员运算符。使用这两个成员
- 前言写程序已经丢掉很长一段时间了，最近觉得完全把技术丢掉可能是个死路，还是应该捡起来，所以打算借CSDN来记录学习过程， 由于以前没事的时候
- Yahoo发布了一款基于FireFox的插件，名叫YSlow，这个插件可以分析网站的页面，并告诉你为了提高网站性能，如何基于某些规则而进行优
- 为了查找这些存储过程，你可以花时间在互联网搜索，查看一些你还未知道的存储过程，也许在一两个小时您可能会发现你想要...也许你很幸运的找到，其
- 最新在学习Python的基础入门系列课程，今天学习到使用python 的内置库smtplib发送邮件内容。使用Python发送邮件步骤简单：
- 接下来就是数据结构的第一部分，栈。栈是一种遵从后进先出原则(LIFO,全称为Last In First Out)的有序集合。栈顶永远是最新的
- 1. python函数1.1 函数的作用函数是组织好的，可重复使用的，用来实现单一或相关联功能的代码段函数能提高应用的模块性和代码的重复利用
- 本文实例讲述了Django框架表单操作。分享给大家供大家参考，具体如下：HTML表单是网站交互性的经典方式。 开始学习如何用Django对用
- 发现一个非常强的CSS在线排版：CSS Text Wrapper只要你拖拽线条，你就可以得到你想要的文字版式CSS代码。可以让想让文本块呈现
- 前言;Python基础知识+结构+数据类型Python基础学习列表+元组+字典+集合Python基础学习函数+模块+类今天给大家分享的是第四
- 继团队的CSS3.0中文手册在国内首发以后，最近风风火火的到处吹起HTML5.0和CSS3.0的春风；似乎在这浏览器互相调侃的年代，成就了一
- 1. 梯度 * 的影响在一个只有一个隐藏节点的网络中，损失函数和权值w偏置b构成error surface，其中有一堵墙，如下所示损失函数每次
- CSRFCSRF全拼为Cross Site Request Forgery，译为跨站请求伪造。CSRF指攻击者盗用了你的身份，以你的名义发送
- 后台管理配置动态路由菜单前段时间做一个后台管理项目，因为超级管理员可以给普通管理员动态更改权限，所以vue-element-admin里的写
- 1.Cuda的下载安装及配置 首先我们要确定本机是否有独立显卡。在计算机-管理-设备管
- 问题：关于如何生成随机记录（二）如何从指定表中随机抽取一定量的记录？sql server 中 select top 10 * fr
