如图所示：热力看起来并不清楚
解决：
方法一： -webkit-text-stroke: length color;
参数：length ：文本描边宽
color： 文本颜色

-webkit-text-stroke: 1px #1e4dfe;

效果：

方法二：text-shadow
例如： text-shadow: 1px 1px 0 #000;
参数：
text-shadow: x位移 y位移 模糊程度 颜色
其中:x位移和y位移表示阴影相对文字的偏移值，可以为负值。
思路： 对四个方向都作出模糊程度为零的1px阴影

text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;

效果：