-
已經(jīng)學(xué)會(huì)查看全部
-
使用字體在網(wǎng)頁(yè)中畫Icon小圖標(biāo)的三種方法(CSS Sprite、fontHTML、fontCSS)對(duì)比查看全部
-
.icon屬性: <span class="icon icon-home"></span> .icon{ font-family:"imooc"; font-style:normal; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }查看全部
-
class選擇器: <span class="icon-home"></span> [class^="icon-"], [class*="icon-"]{ font-family:"imooc"; font-style:normal; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }查看全部
-
i選擇器: <i class="icon-home"><i> i{ font-family:"imooc"; font-style:normal; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }查看全部
-
font+CSS知識(shí)點(diǎn)2:content屬性 在CSS2.1中被引入,與:before及:after偽元素配合使用,來插入生成內(nèi)容 content屬性語(yǔ)法: content:normal | none | [<string> | <url> | ...] +查看全部
-
font+CSS知識(shí)點(diǎn)1:before偽元素 偽元素:創(chuàng)建一個(gè)虛假的元素,并插入到目標(biāo)元素內(nèi)容之前 偽元素語(yǔ)法: selector:pseudo-element{ property:value; } 類與偽元素配合使用: .class:pseudo-element{ property:value; }查看全部
-
font+CSS查看全部
-
解決fontHTML在IE的兼容性問題 參考網(wǎng)站:http://stackoverflow.com查看全部
-
每種字體對(duì)應(yīng)的格式 參考網(wǎng)站:http://www.w3.org/TR/css3-fonts/#at-font-face-rule查看全部
-
@font-face語(yǔ)法 @font-face{ font-family:<family-name>; src:[<url>[format(<string>#)]?<font-face-name>]#; font-weight:<weight>; font-style:<style>; } 參考網(wǎng)站:http://www.w3.org/TR/css3-fonts/#descdef-src查看全部
-
瀏覽器對(duì)字體支持情況查看全部
-
字體文件格式: EOT:Embedded OpenType Fonts 微軟開發(fā)的用于嵌入網(wǎng)頁(yè)中的字體,IE專用字體 WOFF:The Web Open Font Format Web字體中最佳格式,他是一個(gè)開放的TrueType/OpenType的壓縮版本。2009年被開發(fā),如今被W3C組織推薦標(biāo)準(zhǔn) TTF:TrueType Fonts 1980s,由Microsoft和Apple聯(lián)合開發(fā)的一套字體標(biāo)準(zhǔn),是Mac OS和WIN操作系統(tǒng)中最常見的一種字體 SVG:SVG Fonts 用于SVG字體渲染的一種格式,它是由W3C制定的開放標(biāo)準(zhǔn)的圖形格式查看全部
-
參考網(wǎng)站:http://flowerboys.cn/font/查看全部
-
推薦icon網(wǎng)站: IcoMoon:https://icomoon.io 推薦理由: 1.免費(fèi)的圖標(biāo),免費(fèi)的應(yīng)用程序(4000+免費(fèi)字體圖標(biāo)) 2.構(gòu)建只包含您需要的圖標(biāo) 3.導(dǎo)入您的矢量圖(SVG字體),而不會(huì)被上傳到服務(wù)器 4.方便管理圖標(biāo),除了生成字體,還可以生成SVG查看全部
舉報(bào)
0/150
提交
取消