Question

在CSS 里面font-family，font-face，这两个有什么不同？

Answer 1

1. 第一个是指定字体。

2. .youclass{font-family:文鼎POP;}。

3. 此处 font-family 指定字体为 文鼎POP ，但电脑上没装 文鼎POP 字体的人看网页，将看不到这个字体效果，任看到电脑上默认的 宋体 或 微软雅黑体，因此针对中文操作系统来说：为保证网页效果，通常只能指定：宋体、黑体、微软雅黑之类的系统上默认自带的字体。

4. 第二个 font-face 的用法是载入一个字体。

5. @font-face { font-family:comic;src:url(http://url/文鼎POP.eot); } 。

6. 将文鼎POP 的 .eot 格式文件传到服务器上，然后用 font-face 加载到网页中，别人电脑没装这个字体，但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。

css特点：

1. 结构与样式分离的方式,便于后期维护与改版;

2. 样式定义精确到像素的级别;

3. 可以用多套样式,使网页有任意样式切换的效果(如:www.YOUKU.COM的开,关灯效果)；

4. 降低服务器的成本。