用字体在网页中画ICON图标_学习笔记

首页免费课用字体在网页中画ICON图标笔记

用字体在网页中画ICON图标

最热最新

蔓蔓Matty 01:01

https://icomoon.io生成字体图标 http://flowerboys.cn/font/

查看全部

0 采集收起来源：图标神器IcoMoon
2016-03-07
蔓蔓Matty 05:09

选择器名称:pseudo-element{ property:value;}伪元素，创建虚假的元素，并插入到目标元素内容之前 content:normal|none|[<string>]|<uri>|...]+与:before及:afrer伪元素配合，插入生成内容

查看全部

2 采集收起来源：font CSS画小图标简介
2018-03-22
蔓蔓Matty 07:08

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进制代码

查看全部

0 采集收起来源：font HTML画小图标实例
2018-03-22
懿天 01:39

小图标字体的优缺点

查看全部

0 采集收起来源：网页中画Icon小图标方法比较
2016-03-04
蔓蔓Matty 01:22

CSS Sprite（图片拼合技术--即CSS精灵）

查看全部

0 采集收起来源：CSS Sprite简介
2016-03-04
似雪流年

https://icomoon.io

查看全部

0 采集收起来源：图标神器IcoMoon
2016-03-03
yehongchao 00:27

图标设计

查看全部

0 采集收起来源：图标神器IcoMoon
2016-02-29
乱号 02:59

@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; }

查看全部

0 采集收起来源：font HTML画小图标实例
2018-03-22
熟悉的依然

图标推荐网站 https://icomoon.io 图标变成字体简介网站 http://www.w3cplus.com/css3/how-to-turn-your-icons-into-a-web-font.html

查看全部

0 采集收起来源：图标神器IcoMoon
2016-02-22
蓝鑫 01:20

css sprite（css精灵）网页小图标

查看全部

0 采集收起来源：CSS Sprite简介
2016-02-19
Aidcat

利用css伪元素添加font-icon： <ul class="layout"> <li></li> <li></li> <li></li> </ul> .icon-spinner:before { content: "\e600"; } .icon-heart:after { content: "\e602"; } .icon-heart:before { content: "\e601"; }

查看全部

0 采集收起来源：font CSS画小图标简介
2018-03-22
Aidcat

/* 引入字体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; }

查看全部

0 采集收起来源：font HTML画小图标实例
2018-03-22
apple2008 00:39

icoMoon.io

查看全部

0 采集收起来源：图标神器IcoMoon
2016-01-21
小霸王杨峻 01:41

三种图标技术总结

查看全部

0 采集收起来源：网页中画Icon小图标方法比较
2016-01-20
小霸王杨峻 08:22

HTML 字体内容实体 &#xe605

查看全部

0 采集收起来源：font HTML画小图标实例
2018-03-22