icon font字体图标在chrome浏览器被加粗和锯齿的解决办法
来源:互联网 发布:老师与学生网络交流图 编辑:程序博客网 时间:2024/05/21 19:38
icon font字体图标十分好用,就连bootstrap框架在最新的3.0版本也默认使用了。不过我们在使用过程中发现了一些问题,比如在Safari浏览器和Chrome浏览器下字体图标被加粗了等等,下面就提供一些解决办法:
1、在chrome浏览器下被加粗的解决办法
有些icon font字体图标可能在制作的过程中出现了半个像素的问题,在浏览器下就被显示称为一个像素,造成了加粗的现象。解决这个问题的办法就是使用-webkit-font-smoothing属性。
CSS代码为:.iconfont{-webkit-font-smoothing: antialiased;}
2、在chrome浏览器下放大出现锯齿的解决办法
CSS代码为:.iconfont{-webkit-text-stroke-width: 0.2px;}
阅读全文
0 0
- icon font字体图标在chrome浏览器被加粗和锯齿的解决办法
- 字体图标 icon font
- icon-font 图标字体的使用
- 如何在HTML中使用图标字体 - icon font?
- 如何在HTML中使用图标字体 - icon font?
- 如何在HTML中使用图标字体 - icon font?
- 最新的超棒免费图标字体(icon font)收集
- 最新的超棒免费图标字体(icon font)收集
- android 使用字体图标(Icon Font)
- html添加字体图标font icon
- Chrome字体抗锯齿与图标字体显示异常处理
- SenchaTouch如何用字体icon font图标字库
- 关于火狐浏览器读不出icon字体图标
- icon-font图标介绍
- icon-font图标介绍
- icon-font字体颜色
- Chrome 对于 glyphicon 字体图标不显示的解决办法
- font-face字体图标制作和使用
- Eclipse for C/C++ 默认设置改动点
- C语言知识点大总结
- PAT 乙级 1017. A除以B (20)
- centos6安装graphite+carbon+stashd+grafana
- Java基础ArrayList、Servlet与Filter
- icon font字体图标在chrome浏览器被加粗和锯齿的解决办法
- 分布式消息队列RocketMQ源码分析之4 -- Consumer负载均衡与Kafka的Consumer负载均衡之不同点
- 1
- 2
- LeetCode [DP]70. Climbing Stairs
- 3
- AE模板
- 4
- 线段树lazy标记永久化