扫码关注官方订阅号
这种评论 转发的图标我看了一下源码 好像不是用的图片 好像是一种样式 那么这个样式是怎么做的呢
这个找个图标的网站,然后生成一个css文件,用的时候引用就行了
其实是用了iconfont啦在网页中设定浏览者系统中没有的字体浏览器下载字体文件,并用相应的字体进行渲染
所谓字体就是字符编码对应的图形比如下面这个电话图标实际上就是一个字可以选中复制粘贴但是根据环境所在对应字体不同可能显示的形式会不同最不济的情况,可能设定的字体里面压根没有这个编码对应的图形就不会显示了
☎
具体可以看iconfont的使用
这样做的优点显而易见,字体也是文字,可以跟随其他文本元素设置字体大小,颜色,装饰,而且不会缩放失真
缺点同样显而易见,它不是图片,所以像图片那样的彩色图标就实现不了了
前端真是八仙过海各显神通, 除了icon 还有base64 还是svg 甚至于canvas也能做
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这个找个图标的网站,然后生成一个css文件,用的时候引用就行了
其实是用了iconfont啦
在网页中设定浏览者系统中没有的字体
浏览器下载字体文件,并用相应的字体进行渲染
所谓字体就是字符编码对应的图形
比如下面这个电话图标实际上就是一个字
可以选中复制粘贴
但是根据环境所在对应字体不同
可能显示的形式会不同
最不济的情况,可能设定的字体里面压根没有这个编码对应的图形
就不会显示了
☎
具体可以看iconfont的使用
这样做的优点显而易见,字体也是文字,可以跟随其他文本元素设置字体大小,颜色,装饰,而且不会缩放失真
缺点同样显而易见,它不是图片,所以像图片那样的彩色图标就实现不了了
前端真是八仙过海各显神通, 除了icon 还有base64 还是svg 甚至于canvas也能做