CSS中如何添加特效字体 100

想把一种系统本来不带的从网下载的字体用到网页上,这时需要把该字体效果写进CSS,请问要如何写呢?比如我下载的长城大黑体网友的电脑上都没有这字体,如果不把该字体写进CSS里... 想把一种系统本来不带的 从网下载的字体用到网页上,这时需要把该字体效果写进CSS,请问要如何写呢? 比如我下载的长城大黑体网友的电脑上都没有这字体,如果不把该字体写进CSS里,别人访问就看不到该字体效果。 展开
 我来答
周易
推荐于2016-08-05 · 知道合伙人软件行家
周易
知道合伙人软件行家
采纳数:93 获赞数:2719
毕业于郑州大学,从事行业5年经验,会seo,网站前端,网站设计,以及很多cms。现任职七彩科技技术总监。

向TA提问 私信TA
展开全部
特殊字体一般不是说不能添加,而是考虑到用户电脑上预装的字体有限,所以局限在宋体和微软雅黑两种字体,css属性中有个font属性,例如{font-family:"迷你简菱心";},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。

第一:css3下载字体,代码如下
@font-face {
font-family: '自己命名字体名字';
src: url('字体路径');
src: url('FileName.eot?#iefix') format('embedded-opentype'), /*其它格式*/ url('FileName.woff') format('woff'),
url('FileName.ttf') format('truetype'),
url('FileName.svg#FontName') format('svg');
font-style: normal;
font-weight: normal; /*设置默认样式*/
}

.aa{font-family:"自己命名字体名字";}
不兼容ie8及以下浏览器

第二:切png图片
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生... 点击进入详情页
本回答由博思aippt提供
案例之家
2013-02-27 · 知识、共享、共建、共赢
案例之家
采纳数:8 获赞数:13

向TA提问 私信TA
展开全部
做网页的字体一般都是宋体,微软雅黑,访问的机子没有安装你网页中用的长城大黑字体,就会默认显示为系统自带的字体(比如宋体)。css3.0中的
@font-face属性。 能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。【微软的IE
5已经是开始支持这个属性,但是只支持微软自有的.eot (Embedded Open Type)
格式,而其他浏览器直到现在都没有支持这一字体格式。然而,从Safari
3.1开始,网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。】 你可以查看下css3.0的帮助文档看看。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xnkao
2013-02-27 · TA获得超过3544个赞
知道大有可为答主
回答量:1142
采纳率:0%
帮助的人:855万
展开全部
你好!如果你要将特殊的字体加到CSS中,而且网站访问时也可以显示出来的话,那你必须将字体文件也一同上传上去,这样才能让字体加载进入网站,不过这样一来你网站加载速度就会慢掉。
通常情况下,如果是大容量的字体文件加载进入网站,好你必须加一段加载页面的JS代码,要不然你的网站加载速度会非常的慢,会影响网站的浏览效果。
所以我觉得没有必要的情况下,建议你还是不要加入字体文件好!
希望我的回答能令你满意!
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
网韵互联工作室
2013-02-27
知道答主
回答量:5
采纳率:0%
帮助的人:7393
展开全部
css是不能这样的,如果你需要的话,可以把文字做成图片样式的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
gaoyizheniii
2015-09-18
知道答主
回答量:42
采纳率:100%
帮助的人:16.6万
展开全部
text-shadow属性
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式