-
已经学会查看全部
-
使用字体在网页中画Icon小图标的三种方法（CSS Sprite、fontHTML、fontCSS）对比查看全部
-
.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知识点2：content属性 在CSS2.1中被引入，与:before及:after伪元素配合使用，来插入生成内容 content属性语法： content:normal | none | [<string> | <url> | ...] +查看全部
-
font+CSS知识点1：before伪元素 伪元素：创建一个虚假的元素，并插入到目标元素内容之前 伪元素语法： selector:pseudo-element{ property:value; } 类与伪元素配合使用： .class:pseudo-element{ property:value; }查看全部
-
font+CSS查看全部
-
解决fontHTML在IE的兼容性问题 参考网站：http://stackoverflow.com查看全部
-
每种字体对应的格式 参考网站：http://www.w3.org/TR/css3-fonts/#at-font-face-rule查看全部
-
@font-face语法 @font-face{ font-family:<family-name>; src:[<url>[format(<string>#)]?<font-face-name>]#; font-weight:<weight>; font-style:<style>; } 参考网站：http://www.w3.org/TR/css3-fonts/#descdef-src查看全部
-
浏览器对字体支持情况查看全部
-
字体文件格式： EOT：Embedded OpenType Fonts 微软开发的用于嵌入网页中的字体，IE专用字体 WOFF：The Web Open Font Format Web字体中最佳格式，他是一个开放的TrueType/OpenType的压缩版本。2009年被开发，如今被W3C组织推荐标准 TTF：TrueType Fonts 1980s，由Microsoft和Apple联合开发的一套字体标准，是Mac OS和WIN操作系统中最常见的一种字体 SVG：SVG Fonts 用于SVG字体渲染的一种格式，它是由W3C制定的开放标准的图形格式查看全部
-
参考网站：http://flowerboys.cn/font/查看全部
-
推荐icon网站： IcoMoon：https://icomoon.io 推荐理由： 1.免费的图标，免费的应用程序（4000+免费字体图标） 2.构建只包含您需要的图标 3.导入您的矢量图（SVG字体），而不会被上传到服务器 4.方便管理图标，除了生成字体，还可以生成SVG查看全部
举报
0/150
提交
取消