一个css 可以引入两个font-face吗
3个回答
2017-05-02 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
一个css 可以引入两个font-face
第一个是指定字体：
.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的效果。
font-face 这个方法对中文网页并无多大作用，可以不用关心这个用法，一是多数中文字体并没有专门设计eot格式，二是中文字体动则10M甚至更大，在网页中载入，等待时间太长，只会引起浏览者不爽。英文就不一样了，26个字母大小写也才52个+数字符号之类的在里面，文件也才几十K，动态载入完全没问题。
第一个是指定字体：
.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的效果。
font-face 这个方法对中文网页并无多大作用，可以不用关心这个用法，一是多数中文字体并没有专门设计eot格式，二是中文字体动则10M甚至更大，在网页中载入，等待时间太长，只会引起浏览者不爽。英文就不一样了，26个字母大小写也才52个+数字符号之类的在里面，文件也才几十K，动态载入完全没问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
@font-face {
font-family: "myfont_1";
source: url("/fonts/SourceHanSansCN-Light.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "myfont_2";
source: url("/fonts/Archivo-Regular.ttf");
font-weight: normal;
font-style: normal;
}直接申明两次试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以的，但是font-family的名称不能相同
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
