html5 - 这种标志是用CSS样式做出来的吗?
扔个三星炸死你
扔个三星炸死你 2017-06-29 10:09:55
[HTML讨论组]

这种评论 转发的图标我看了一下源码 好像不是用的图片 好像是一种样式 那么这个样式是怎么做的呢

扔个三星炸死你
扔个三星炸死你

全部回复(3)
ringa_lee

这个找个图标的网站,然后生成一个css文件,用的时候引用就行了

習慣沉默

其实是用了iconfont啦
在网页中设定浏览者系统中没有的字体
浏览器下载字体文件,并用相应的字体进行渲染

所谓字体就是字符编码对应的图形
比如下面这个电话图标实际上就是一个字
可以选中复制粘贴
但是根据环境所在对应字体不同
可能显示的形式会不同
最不济的情况,可能设定的字体里面压根没有这个编码对应的图形
就不会显示了

具体可以看iconfont的使用

这样做的优点显而易见,字体也是文字,可以跟随其他文本元素设置字体大小,颜色,装饰,而且不会缩放失真

缺点同样显而易见,它不是图片,所以像图片那样的彩色图标就实现不了了

PHP中文网

前端真是八仙过海各显神通, 除了icon 还有base64 还是svg 甚至于canvas也能做

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号