台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>做网站步骤>>Css3 字体图标查看方法
建站流程
 
建站知识
 
网站建站疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 做网站步骤 > Css3 字体图标查看方法

Css3 字体图标查看方法

2468次浏览
2018-02-07
现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。

在很多网站项目中,我们常常会用到各种透明小图标,然后网站要兼容各个浏览器,也可能会有多个尺寸,甚至还要考虑换肤等需求。那么我们就要将这些小图标输出为多种尺寸、颜色和文件格式,比如png8 alpha透明或者png

但是考虑到使用方便,通常会将图标做成Css3字体,由于字体文件小,一般20-50kb; 容易编辑和维护,尺寸和颜色可以用css来控制; 透明完全兼容IE6; 如何读取这些icon字体?

可以下载一个 FontLab 进行查看



安装后就可以在软件中将ttf格式的文字文件导入后,看到需要使用的字体代码了,如F016,接着就可以在Css中引用

.fa-github:before {
  1. content"\F016";

 FontLab下载地址 http://www.greenxf.com/soft/163773.html


页面所在本站地址: http://www.52-life.net/Nshow_reurl.asp?reurl=CSS3_read_font
上一篇 >>Linux学习—退出vi编辑模式
下一篇 >>在IIS服务器上部署svg/woff/woff2