<h3> <span aria-hidden="true" data-icon="?"></span> Stats</h3>[data-icon]:before font-family: icons; /* BYO icon font, mapped smartly */ content: attr(data-icon); speak: none; /* Not to be trusted, but hey. */}單獨圖標：<a href="#" class="icon-alone"> <span aria-hidden="true" data-icon="?"></span> <span class="screen-reader-text">RSS</span></a>/* Same CSS as above, plus */.icon-alone display: inline-block; /* Chrome 19 was weird with clickability without this */}.screen-reader-text position: absolute; top: -9999px; left: -9999px;}h5edu教育html5開發(fā) 培訓為您解答：主要特性使用icon font來生成圖標相對于基于圖片的圖標來說，有如下的好處：1.自由的變化大小2.自由的修改顏色3.添加陰影效果4.ie6也可以支持5.支持圖片圖標的其它屬性，例如，透明度和旋轉等等6.可以添加text-stroke和background-clip:text等屬性，只要瀏覽器支持如何使用？文字修飾：stats[data-icon]:before font-family: icons; /* byo icon font, mapped smartly */ content: attr(data-icon); speak: none; /* not to be trusted, but hey. */}單獨圖標：rss/* same css as above, plus */.icon-alone display: inline-block; /* chrome 19 was weird with clickability without this */}.screen-reader-text position: absolute; top: -9999px; left: -9999px;}創(chuàng)建你自己的icon font - icomoon如果大家需要創(chuàng)建自己的iconfont，推薦使用iconmoon，使用它你可以通過上傳svg或者字體來生成你需要的icon字體，本文在線演示使用iconmoon生成。
客服1