CSS中如何添加特效字体

CSS中如何添加特效字体,第1张

特殊字体一般不是说不能添加,而是考虑到用户电脑上预装的字体有限,所以局限在宋体微软雅黑两种字体,css属性中有个font属性,例如{font-family:"迷你简菱心";},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。
第一:css3下载字体,代码如下
@font-face
{
font-family:
'自己命名字体名字';
src:
url('字体路径');
src:
url('FileNameeot#iefix')
format('embedded-opentype'),
/其它格式/
url('FileNamewoff')
format('woff'),
url('FileNamettf')
format('truetype'),
url('FileNamesvg#FontName')
format('svg');
font-style:
normal;
font-weight:
normal;
/设置默认样式/
}
aa{font-family:"自己命名字体名字";}
不兼容ie8及以下浏览器
第二:切png

font-family:"文鼎大黑","微软雅黑";

中文网页一般都只能用:宋体、黑体、微软雅黑等大多数系统上都有的字体,例如上面代码,你电脑上有文鼎大黑字体,并且css设置了字体为:文鼎大黑,但是传到网上,我看你的网页时,我机器没有这个字体,还是白搭,系统会用默认的宋体给我显示。
解决办法:
1用特殊字体的地方做成(ps也好,服务器端程序自动生成也好,都行)
2字体嵌入到Flash
3css的@font-face可以加载指定字体,让没装这个字体的电脑自动载入指定字体,很麻烦,要把字体转为特殊格式,而且对中文网页来说没啥实际意义,中文字体太大了,动不动10M一个


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

原文地址: https://outofmemory.cn/zz/10940961.html

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

发表评论

登录后才能评论

评论列表(0条)

保存