网页设计里cssfont-family和font-face的区别

 分类:div+css教程时间:2015-11-01点击:

我们在 CSS 中使用 body{ font-family: ‘microsoft yahei’ } 是在合法的使用范围内,不容许的是在CSS 中使用
@font-face 的方式引入字体文件。

第一个是指定字体:

.youclass{font-family:文鼎POP;}(织梦里的 font-family:'微软雅黑';

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

第二个 font-face 的用法是载入一个字体:

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

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

font-face
这个方法对中文网页并无多大作用,可以不用关心这个用法,一是多数中文字体并没有专门设计eot格式,二是中文字体动则10M甚至更大,在网页中载入,等待时间太长,只会引起浏览者不爽。英文就不一样了,26个字母大小写也才52个+数字符号之类的在里面,文件也才几十K,动态载入完全没问题。

@font-face版本:CSS2 兼容性:IE4+

语法:

@font-face { font-family : name ; src : url( url ) ; sRules }

说明:

name : 字体名称

url : 使用绝对或相对地址指定OpenType字体

sRules : 样式表定义

设置嵌入HTML文档的字体。

嵌入HTML文档的字体是指将OpenType字体(压缩的TrueType字体)文件映射到客户端系统,用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。

示例:

@font-face { font-family: dreamy; font-weight: bold; src:
url(http://www.51um.cn/font.eot); }

我想问的是这个eot文件怎么来的 具体怎么操作

这个标签和font-family有冲突没

我已经在CSS的BODY标签里定义

font-family:"microsoft yahei",verdana,arial;

我想嵌入microsoft yahei 让没字体的用户也能看到效果

 

除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址!
原文地址:
  • 关注下头条号后,加下微信【yes2016yes99】将分享给你一份前端资料!
  • 立即关注