首页
问答
词典
文集
工具
退出登录
登录
我要提问
搜索
问答首页
CSS3.0 如何自定义网页字体?
正
2
0
1
3
-
0
9
-
0
9
1
2
:
5
0
:
5
8
版本:
1
/
1
2
0
1
3
-
0
9
-
0
9
1
2
:
5
0
:
5
8
版本:
1
/
1
@font-face
css3
CSS3.0
属性
更多标签...
网页
自定义
字体
版权归作者所有。任何形式转载须联系作者获得授权。
作者:
正解网
来源:正解网
链接:
http://localhost:9000/question/b39dc89b
投票
6
好问题
烂问题
修改
分享
扫码分享
分享到新浪微博
分享给QQ好友
分享到QQ空间
复制网址
OK了,粘贴即可!
问题状态
正解:
1
个
解答:
1
个
同问:
0
人
浏览:
52
次
相关问题
写网页时,如何使用户都能看到字体的效果?
正解:
1
解答:
1
同问:
0
网页怎样定义颜色和透明效果?
正解:
1
解答:
1
同问:
0
写网页时,如何使得用户浏览网页时,选中的文本变色?
正解:
1
解答:
1
同问:
0
写网页时,如何让 IE 浏览器支持圆角的 JS ?
正解:
1
解答:
1
同问:
0
【淘宝网】(商家常见问题)淘宝助理上传用户自定义属性ID和属性值不能匹配,要怎么解决?
正解:
1
解答:
1
同问:
0
修改提问
CSS3.0 如何自定义网页字体?
@font-face
css3
CSS3.0
属性
网页
自定义
字体
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
1
个解答
正
2
0
1
3
-
0
9
-
0
9
1
2
:
5
0
:
5
8
版本:
1
/
1
2
0
1
3
-
0
9
-
0
9
1
2
:
5
0
:
5
8
版本:
1
/
1
只需观看完一个15秒以内的短视频广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
看完广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
只需观看完一个15秒以内的短视频广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
看完广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
3651 人已浏览过此解答
免费查看解答
×
打开手机微信扫一扫免费查看解答
3步免费查看解答
2步免费查看解答
1️⃣ 长按保存下方小程序码
2️⃣ 打开手机微信的扫一扫
3️⃣ 点击右上角相册选取此码
1️⃣ 长按下方的小程序码
2️⃣ 在弹出的菜单中识别图中的小程序码
小程序码已失效
👉请点此刷新👈
60
s
自动显示解答
修改解答
有了 CSS3.0 中 @font-face 属性可以自定义网页字体,而且使用方法就像使用背景图一样简单,只是需要准备好要使用的自定义字体。 @font-face 不仅仅是个属性,它是选择器,可以用许多字体相关属性对它进行描述。@font-face 简单语法: @font-face { font-family:'FontName'; src: url('FontName.ttf') format('truetype'); font-weight:bold; font-style: normal; } 这里的 font-family 不是指定字体的名字,而是将自定义的字体命名。 src 是字体的路径和位置,和背景图片的格式相同。 format 是字体格式,这是根据字体制作时就已经确定的。 font-weight 和 font-style 都是字体属性中常用的,就不多讲了。 经过上面 @font-face 的定义,自定义网页字体就可以使用了,如果页面中哪部分还需要用到这个字体,使用方法就像 CSS2.0 中一样: h1, h2, h3, p, td { font-family:'FontName', Simsun, Arial; } 不过,目前对 @font-face 支持的浏览器只有 Google Chrome2.0 以上版本和 Safari3.2 以上版本,待各种浏览器对 CSS3.0 支持完善后,@font-face 的作用就会凸显出来了。
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
我的解答
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
∧
回顶部