在CSS 里面font-family,font-face,这两个有什么不同?
发布网友
发布时间：2022-04-24 13:01
共1个回答
热心网友
时间：2022-05-05 05:18
第一个是指定字体。
.youclass{font-family:文鼎POP;}。
此处 font-family 指定字体为 文鼎POP ，但电脑上没装 文鼎POP 字体的人看网页，将看不到这个字体效果，任看到电脑上默认的 宋体 或 微软雅黑体，因此针对中文操作系统来说：为保证网页效果，通常只能指定：宋体、黑体、微软雅黑之类的系统上默认自带的字体。
第二个 font-face 的用法是载入一个字体。
@font-face { font-family:comic;src:url(http://url/文鼎POP.eot); } 。
将文鼎POP 的 .eot 格式文件传到服务器上，然后用 font-face 加载到网页中，别人电脑没装这个字体，但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。
css特点：
结构与样式分离的方式,便于后期维护与改版;
样式定义精确到像素的级别;
可以用多套样式,使网页有任意样式切换的效果(如:www.YOUKU.COM的开,关灯效果)；
降低服务器的成本。
