CSS可以将图片替换为字体，这不仅能加快页面加载速度，还能使网站页面更加灵活。下面是使用CSS将图片替换为字体的步骤。

@font-face{font-family:'iconfont'; /*定义字体名称*/src:url('iconfont.ttf') format('truetype');/*定义字体文件路径及格式*/}.icon{font-family:'iconfont';font-style:normal;/*定义字体风格*/font-weight:normal;/*定义字体粗细*/speak:none;}

首先，在CSS中使用@font-face规则定义要使用的字体名称，以及字体文件的路径及格式。然后，在需要用字体替换图片的元素（例如）中使用自定义的字体名称（在本例中为'iconfont'）。

接着，在HTML中使用Iconfont来定义图标，例如：XXXX;。其中，XXXX是您选择的图标编码。

最后，在CSS中对该元素使用定义好的字体，并将字体样式设置为normal。这样，页面就能够显示所需要的图标了。

<div ></div>

这样，就能够使用CSS将图片替换为字体了。另外，如果您需要更多的图标，可以在网上搜索到iconfont图标库，里面有丰富的图标可以供您使用。