fontello

I have a webpage. In its upper right corner I have some social icons. It shows okay in Chrome (both local and on the webserver), it shows ok in local FF, but on the online page I see the square placeholders with the Unicode codes inside. Oddly enough, if i open Firebug and correct the fontello.css on the fly via Source Edit , the icons appear magically, or so it seems, and this even with trivial corrections like adding and then removing a whitespace. This is really puzzling me. Any suggestions? I've managed to solve this strange issue. Turned out it was an Apache problem, got the solution from

I have downloaded a custom icon font from fontello and intend to use it in my meteor app. I tried the demo that comes with the downloaded package and the fonts display fine. Here is my css: @font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?98991264'); src: url('fonts/fontello.eot?98991264#iefix') format('embedded-opentype'), url('fonts/fontello.woff?98991264') format('woff'), url('fonts/fontello.ttf?98991264') format('truetype'), url('fonts/fontello.svg?98991264#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]

According to one source, this is how I use Fontello fonts: Now it's trivial to make a custom icon webfont, exactly for your needs. First, select the icons you like. Then update glyph codes (optional), and download your webfont bundle. Fontello generates everything you need and then you upload the bundle via this module's configuration page! It's that easy! Okay. Now what? How do I invoke one of their icons on my webpage? Inside the bundle, there is "font" folder and a "css" folder. Move the font folder into your project. Your project might look something like this: /project-root --

本文转载于: 猿2048 网站 简洁后台管理模版   原文地址： 简洁后台管理模版   之前给客户开发一个简单的后台管理系统，本来准备套用AdminLTE的，但客户嫌弃太臃肿，而且又需要有多tab页面切换，于是从我代码库中找到好久前就写过的管理后台，根据需求重写。这是基于jQuery，加上自己编写基础样式，从零搭建起来的框架，在这个轻量级模版的基础上进行开发vue项目。现在顺便将这个模版搭建成我的前端demo的管理系统，而这篇文章就讲述下如何实现简单的后台管理系统。 效果请看： manage-demo:http://jeffzhong.space/sites/manage-demo/ 项目架构   基于gulp自动化工具，使用less预编译，使用swig模版引擎编译html。   基础样式base.css，字体库raleway，图标库fontello，js基础库jQuery。   同时使用webpack为vue.js配置好开发环境，在src文件夹里面可以直接开发vue项目，里面有简单的vue样例。当然想用react的也可以更改为react库。 文件目录 dist 文件生成目录 src 源文件目录，里面为vue项目的文件 img 图片文件夹 lib 类库文件夹 less less文件 pages 页面文件夹 index.html 首页(母板页) gulpfile.js webpack