一个css 可以引入两个font-face吗

2024-12-04 05:50:01
推荐回答(3个)
回答1:

一个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,动态载入完全没问题。

回答2:

@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;
}

直接申明两次试试

回答3:

可以的,但是font-family的名称不能相同