自定义字体
2018-06-24 01:12:02来源:未知 阅读 ()
第一步,在中引入字体并给名字取一个合适的名字,如下
@font-face {
/* font-properties */
font-family: pictos;
src:url('pictos/pictos-web.woff'),
url('pictos/pictos-web.ttf'),
url('pictos/pictos-web.eot'); /* IE9 */
}
font-family定义字体的名字,接下来的src是加载字体文件的位置,之所有有多个url就是因为浏览器兼容问题。
第二步,使用刚刚定义的字体,如下
div {
font-family: pictos;
}
具体例子请查看http://caniuse.sinaapp.com/html/demos/fontface/index.html.
@font-face的浏览器兼容性请查看http://caniuse.sinaapp.com/html/item/fontface/index.html
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- Vue 打包后自定义样式无法覆盖elementUI组件原有样式问题 2020-05-31
- Bootstrap4 面包屑导航+表单+输入框组+自定义表单 2020-04-16
- css 自定义滚动条样式 2020-04-07
- html有序无序自定义列表 2020-03-28
- @font-face定义的字体没有生效 2020-03-26
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash