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

第一个是指定字体

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

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

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

@font-face { font-family:comic;src:url(>

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

css特点:

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

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

可以用多套样式,使网页有任意样式切换的效果(如:>

降低服务器的成本。

第一个是指定字体:
youclass{font-family:文鼎POP;}
此处 font-family 指定字体为 文鼎POP ,但电脑上没装 文鼎POP 字体的人看网页,将看不到这个字体效果,任看到电脑上默认的 宋体 或 微软雅黑体,因此针对中文 *** 作系统来说:为保证网页效果,通常只能指定:宋体、黑体、微软雅黑之类的系统上默认自带的字体。
第二个 font-face 的用法是载入一个字体:
@font-face { font-family:comic;src:url(>一个css 可以引入两个font-face
第一个是指定字体:
youclass{font-family:文鼎POP;}
此处 font-family 指定字体为 文鼎POP ,但电脑上没装 文鼎POP 字体的人看网页,将看不到这个字体效果,任看到电脑上默认的 宋体 或 微软雅黑体,因此针对中文 *** 作系统来说:为保证网页效果,通常只能指定:宋体、黑体、微软雅黑之类的系统上默认自带的字体。
第二个 font-face 的用法是载入一个字体:
@font-face { font-family:comic;src:url(文鼎POPeot); }
将 文鼎POP 的 eot 格式文件传到服务器上,然后用 font-face 加载到网页中,别人电脑没装这个字体,但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。
font-face 这个方法对中文网页并无多大作用,可以不用关心这个用法,一是多数中文字体并没有专门设计eot格式,二是中文字体动则10M甚至更大,在网页中载入,等待时间太长,只会引起浏览者不爽。英文就不一样了,26个字母大小写也才52个+数字符号之类的在里面,文件也才几十K,动态载入完全没问题。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10537710.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-09
下一篇 2023-05-09

发表评论

登录后才能评论

评论列表(0条)

保存