这是我试图复制的页脚:http://publish.gwinnett.k12.ga.us/gcps/home
这是我创建的jsfiddle:http://jsfiddle.net/r5gwdogq/
我发现的CSS:我想知道{}里面的东西是什么
.gcps-icon-rss:before{content:"\e609"}
.gcps-icon-facebook:before{content:"\e60a"}
.gcps-icon-twitter:before{content:"\e60b"}
.gcps-icon-accessibility:before{content:"\e603"}.
我在用他们的样式表。一切都很好,只是图标不会出现,而是显示矩形。。。
最佳答案
这是他们自己的图标字体,你可以在chrome开发工具的“网络”选项卡上找到页面请求,你可以试着通过http://publish.gwinnett.k12.ga.us/ux/3/dist/fonts/gcps-icons.woff?-8wnfnr
工作原理:
你的css定义了.gcps图标rss等的字体系列,并附加了你应该下载的字体
当您将class.gcps icon rss添加到例如“span”时,您的css会将描述为“\e609”的图标放在您的span之前。你可以使用awesome创建自己的集合-下载后会找到详细的自述文件