标题前面的标点符号能显示正常

如图：

HTML结构：

<div class="list">
     <ul>
         <li>·<a href="" target="_blank">埃尔克森飙升中超身价榜第一 TOP5恒大占三</a></li>
         <li>·<a href="" target="_blank">埃尔克森入选亚冠最佳阵容 鲁能洛维入围候选名单</a></li>
         <li>·<a href="" target="_blank">埃里克森坦言最怕埃尔克森 广州德比必精彩无疑</a></li>
         <li>·<a href="" target="_blank">中超最强锋线之争 埃尔克森PK哈默德谁才是王中王</a></li>
     </ul>
     <ul>
         <li>·<a href="" target="_blank">孔卡告别战点球破门完美谢幕 百场恒大生涯画上句号</a></li>
         <li>·<a href="" target="_blank">孔卡拥抱小罗两人惺惺相惜 天体之王百场告别获真情</a></li>
         <li>·<a href="" target="_blank">孔卡告别感谢广州 最爱本杰明想生五人足球队</a></li>
         <li>·<a href="" target="_blank">世俱杯恒大终极战看点 孔卡小罗谁才是超级巴甲MVP</a></li>
     </ul>
</div>

CSS样式：

.viewpoint .leftop .pk .list li { padding: 2px 15px; margin: 0; border: none; font-family:SimSun;font-size:13px;}

　　只要css样式里面用一个字体为：SimSun就可以显示正常，否则这个圆点符号显示比较小的