css3基礎02web字體及字體圖標

一，web字體：
css3提供web字體，支持導入第三方字體文件。
實際開發中不會讓用戶下載整個字體文件包，而是在字庫文件中截取某一段來減少用戶容量。
（實際開發中美工會提供）
①阿里巴巴字體制作網站：iconfont-阿里巴巴矢量圖標庫。
在線製作文字→下載→下載後無文件後綴名→手動修改爲.zip格式後解壓→sublime裏邊複製粘貼。→把需要的文件粘貼到根目錄下。→修改url中的路徑。
※@font-face是css3提供的關鍵字，可以用來自定義字體。
font-family定義字體的名字。
src是引入的字體文件庫。不同的瀏覽器支持不同的字體。
（一般情況下需要的字體，美工會提供給前端，只需要導入即可）。
②注意細節：我們只能夠使用在線製作出來的那些文字，其他文字用不了。
但是在線製作的那些文字是可以修改順序的。
二，web圖標
iconfont-阿里巴巴矢量圖標庫。