一些读者或许好奇的是，人们为什么对“响应式web设计”（RWD）的关注度快速提高，开发人员都把此技术作为自己必备的技能之一，深入去学习理解这项新技术。这名称也常常作为前沿移动终端技术被提起。我们不会空谈概念，会把定义说清楚，并使用代码例子演示这项技术。如果你花一些时间来测试和了解真实的现代网络和移动技术，你就会体会到响应式web设计的好处在哪了，实现一个响应式设计可能比你想象的还要简单。现在我们都感受到Internet的变化是如此之快，促使这变化正是不断涌现的各种移动终端设备。有最近的研究表明，在未来3到5年内，通过接入网络的移动设备将超越桌面电脑设备。要适应这么快速转化也给开发人员面临巨大压力与挑战，对能力有了新的要求。

排版是响应式Web设计最重要的内容之一，如果你想内容能在所有尺寸屏幕上友好地显示，那就绝对有必要地为移动设备优化字体。幸运的是，实现弹性字体的过程并不是那么困难。当我讨论弹性（在这种情况下，是一种指导原则），我们不能忽视指定字体来适应我们响应式网站。我们可能使用不用单位标准来实现这个目标，包括pixel(像素)，em，rem或者是百分比。那么选择一个正确的标准对设计一个可塑的，响应式的交互界面是至关重要的。在这关于响应式Web设计的系列中，我将讲解如何响应式地管理动态字体，也会逐个分析上面所提到的每个单位标准，对比各自的优缺点。

Responsive（响应式设计）对于今天来说并不是一个新东西，在互联网上有关于响应式设计的教程铺天盖地。而且国外有关于这方面的Web应用也是非常的多。今天也老话重谈，Spy根据Rachel McCollin的《Design-Based Media Queries》所译，向大家介绍Compass Design网站如何实现响应式设计，希望对大家有所帮助。

图片是有诸多优点的，然而目前在网站设计这行业面临各种各样的挑战。图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。图片还有一个缺点就是不能很好的进行“缩放”，因此，有时候在“响应式设计”中需要使用图像的最好解决方案就是不去使用图片。由于位图给Web制作带这诸多的不便，为了解决这些问题，CSS3给大家带来一个新的属性@font-face。

使用@font-face制作图标已不是什么秘密，也不是什么新技术，在互联网上这样的教程铺天盖地。但是我们依然给大家介绍一篇@font-face制作图标的教程。这篇教程主要向大家阐述了”为什么要用和如何使用字体制作图标“，从教程中，你可以找到@font-face制作图标的优势与不足，同时也能找到要如何得到制作图标的字体。