CSS3嵌入字体@font-face
来源:互联网 发布:java 实参 编辑:程序博客网 时间:2024/05/23 19:20
@font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
语法:
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;}
这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。
比如:
p { font-size :12px; font-family : "My Font"; /*必须项,设置@font-face中font-family同样的值*/}
实例代码:<!DOCTYPE html><html><head> <meta charset="utf-8"><title>嵌入字体</title><style type="text/css">@font-face{ font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf");}.demo { width: 340px; padding: 30px; color: #566F89; background: #000; font-size:58px; font-family: "MOOC Font";}</style> </head> <body><div class="demo">IMOOC</div></body></html>
0 0
- 【CSS3】---嵌入字体@font-face
- 【CSS3】嵌入字体@font-face
- CSS3嵌入字体@font-face
- 嵌入字体@font-face
- 嵌入Web字体 ---- @font-face
- CSS3 特殊字体@font-face
- CSS3.0新属性之@font-face在网页中嵌入字体
- @font-face(css3属性)实现在网页中嵌入任意字体
- 使用CSS3 @font-face实现个性化字体
- CSS3之自定义英文字体@font-face
- CSS3 @font-face 显示特殊字体
- 使用CSS3 @font-face实现个性化字体
- CSS3中字体@font-face的使用
- 使用CSS3 @font-face实现个性化字体
- 利用CSS3 @font-face使用图标字体
- CSS3.0使用@font-face自定义字体
- CSS3 @font-face 显示特殊字体
- 移动终端引用字体 font-face CSS3
- Git 学习笔记二
- hive和hbase集成异常
- 字符串反转
- Leveldb使用手册
- vim使用技巧篇
- CSS3嵌入字体@font-face
- SolrCloud之Sharding路由介绍
- PREROUTING 和 POSTROUTING, SNAT 和 DNAT图文解析(非常清淅)
- XSS跨站脚本攻击与CSRF跨站请求伪造攻击的学习总结。
- iOS-AFNetworking 2.0 跟踪文件上传进度
- 21. Merge Two Sorted Lists
- 案列:使用pop实现发布界面6个按钮依次坠落的动画
- 微信网页授权接口代码示例
- 【Linux全面学习】5.Linux的启动过程和系统指令