-
https://icomoon.io生成字體圖標 http://flowerboys.cn/font/查看全部
-
選擇器名稱:pseudo-element{ property:value;}偽元素，創(chuàng)建虛假的元素，并插入到目標元素內(nèi)容之前 content:normal|none|[<string>]|<uri>|...]+與:before及:afrer偽元素配合，插入生成內(nèi)容查看全部
-
CSS： @font-face{ font-family:<family-name>;自定義字體名字 src:[<url>[format(<string>#)]?|<font-face-name>]#;url自定義字體路徑（如是EOT格式，除了兼容IE9下原地址的代碼，還要在后面多加一行兼容IE9以下url("..地址?#iefix")的代碼），format用于自定義字體格式 font-weight:<weight>;自定義字體粗細 font-style:<style>;自定義字體樣式（正常或斜體） } 字體格式對于表： String Font Format Common extensions "embedded-opentype" Embedded OpenType .eot "woff" WOFF(Web Open Font Format) .woff "truetype" TrueType .ttf "svg" SVG Font .svg、.svgz HTML： &#x圖標字體16進制代碼查看全部
-
小圖標字體的優(yōu)缺點查看全部
-
CSS Sprite（圖片拼合技術(shù)--即CSS精靈）查看全部
-
https://icomoon.io查看全部
-
圖標設(shè)計查看全部
-
@font-face{ font-family: "imooc-icon"; src: url("../fonts/icomoon.eot"); /* IE9 兼容模式 */ src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype") ,url("../fonts/icomoon.woff") format("woff") ,url("../fonts/icomoon.ttf") format("truetype") ,url("../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; } .imoon-icon{ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }查看全部
-
圖標推薦網(wǎng)站 https://icomoon.io 圖標變成字體簡介網(wǎng)站 http://www.w3cplus.com/css3/how-to-turn-your-icons-into-a-web-font.html查看全部
-
css sprite（css精靈） 網(wǎng)頁小圖標查看全部
-
利用css偽元素添加font-icon： <ul class="layout"> <li><i class="icon icon-like shadow"></i></li> <li><i class="icon icon-spinner spinner"></i></li> <li><i class="icon icon-heart love"></i></li> </ul> .icon-spinner:before { content: "\e600"; } .icon-heart:after { content: "\e602"; } .icon-heart:before { content: "\e601"; }查看全部
-
/* 引入字體icon圖片 */ @font-face{ font-family: "imooc-icon"; src: url("../fonts/icomoon.eot"); /* IE9 兼容模式 */ src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype") ,url("../fonts/icomoon.woff") format("woff") ,url("../fonts/icomoon.ttf") format("truetype") ,url("../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; }查看全部
-
icoMoon.io查看全部
-
三種圖標技術(shù)總結(jié)查看全部
-
HTML 字體內(nèi)容實體 查看全部
舉報
0/150
提交
取消