font-face和font-family有什么不同

① font-family 用于指定采用什么样的字体，这个字体去哪里找呢？？这个属性不会下载任何字体，会使用计算机里的已经下载安装的字体；

②@font-face ，代码形如：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url('../fonts/open-sans-light.woff') format("woff");
}

它会去下载其中 src 指定地址的字体文件，其中指定相应的 font-family 的字体就会使用这个下载字体文件的字体；所以整个运行的过程可以解释为： font-family指定字体是否存在于用户计算机，如果存在，直接使用；如果不存在且这个font-family在@font-face里有所指定，那么会去下载相应的字体。

祝学习愉快！