【前端进阶01】利用@font-face定义并使用自己喜欢的字体
来源:互联网 发布:君子知怕中心论点 编辑:程序博客网 时间:2024/06/06 03:24
(1)效果说明
使用站酷高端黑字体。
(2)核心代码
@font-face{font-family: zcool;src:url('../font/zcool.ttf');}div{/*使用字体*/font-family: zcool;}
(3)使用经验
——IE11、Chrome、Firefox、Safari、Opera支持ttf字体。IE6不支持ttf,但支持eot字体。
——如果写成如下样式,不行。后面的会覆盖前面的,即最后一个url引入的字体生效,所以如果想要做兼容,可能需要用if lt IE8做判断。
src:url('../font/zcool.eot'),url('../font/zcool.ttf');
——eotfast工具:把ttf字体转换成eot字体。
0 0
- 【前端进阶01】利用@font-face定义并使用自己喜欢的字体
- 使用font-face改变自己的字体
- 利用CSS3 @font-face使用图标字体
- CSS3中字体@font-face的使用
- 在html中使用自己定义的字体(font)
- 前端性能优化之字体@font-face
- 利用@font-face实现个性化字体
- 如何利用@font-face完成个性化字体
- @font-face的使用
- CSS使用服务器上的字体@font-face(转)
- 使用CSS3的@font-face实现个性化字体
- css自定义字体font-face的兼容和使用
- 使用CSS3 @font-face实现个性化字体
- 使用CSS3 @font-face实现个性化字体
- 使用CSS3 @font-face实现个性化字体
- CSS3.0使用@font-face自定义字体
- CSS使用网络字体(@font-face)详析
- font-face字体图标制作和使用
- C/C++_ const int * 与 int *const的区别
- 简单table和form示例
- JSP的范围(scope)之pageContext、request、session和application
- IOS---UITableViewCell自适应行高(非AutoLayout)
- 程序员学英语
- 【前端进阶01】利用@font-face定义并使用自己喜欢的字体
- Android实战技术: 用Dimension解决多屏幕适配的问题
- 微信公众平台开发
- 大型网站架构演变和知识体系
- C++ Boost智能指针
- 【数据库系列(二)】锁机制
- struts2.0的标签库 详解
- iOS真机调试时 iPhone5c 屏幕不适配问题
- 为什么调用glPushMatrix()和glPopMatrix()