下面就是小编带给大家的做移动端项目时字体太黑怎么办方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。
方法/步骤
1
首先第一种方案的缺点,使用图片代替文字,制作和维护的成本很高,前期切图,合并图比较繁琐,后期修改和维护更是麻烦.同时使用图片,会带来更多的宽带消耗.用户体验方面,用户无法进行文字的选择,复制等操作,体验也不好.
2
第二种方案,解决了上述的一些问题,但是由于汉字数量太大,导致中文字体文件也较大,通常都良截侨会有几M大小,不适合在项目中使用.
3
尤其是移动端项目,由于字体加载速度很慢,体验会十分不好.本篇博客将介绍两种自动化工具,来实现在移动端愉快的使用特殊字体.分别是芬返Font-Spider(字蛛)和fontmin.
4
经过研冲屈究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。
5
想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况都是用2倍）。例如一个div的宽高是100100，背景图必须得200200，然后background-size:contain;，这样显示出来的图片就比较清晰了。
6
font-slider虽然好用,但是由于其原理是直接分析本地 CSS 与 HTML 文件获取没有WebFont中没有使用过的字符,这样一来,对于动态生成的文字,就没有办法使用font-slider了.这是个坏消息!尤其在当下,很多框架都是数据驱动的,更是很多文字都不会直接出现html文件中.对于这种情况, 下面介绍的fontmin或许能解决.
上一篇：mac邮箱添加账户