css 3 的兴起,从而让 前端这个逐渐火了起来,越来越多的人参与研究当中。由 Font-Awesome、ionicons 为代表的网络字体在 css 上火了起来。 以 Font-Awesome 为例: 通过在页面上 <i class="fa fa-flag"></i> 就可以得到 这么个图标,感觉 ...
分类:
其他好文 时间:
2017-07-23 00:45:35
阅读次数:
266
我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路,这里讲解的默认是元 ...
分类:
其他好文 时间:
2017-07-22 18:16:04
阅读次数:
199
今天vue-cli打包完发现加载不出font awesome;路经和奇怪,js,css,img都正确加载; 首先正确加载静态资源需要将config中的index.js中publicPath:'./'; 而font awesome的坑再于webpack对文件打包大小有限制(此处怪我没有好好学webpa ...
分类:
Web程序 时间:
2017-07-20 17:34:44
阅读次数:
383
关于vue如何安装以及使用webpack管理项目在这里我就不作介绍了,这边主要是给出我做的一个小demo的例子给大家作为参考,希望 对你们有用吧! index.html 里面引入了页面需要的一些图标,用的是font-awesome里的,大家也可以使用阿里巴巴里的图标 APP.vue main.js ...
分类:
其他好文 时间:
2017-07-16 10:11:23
阅读次数:
543
首先分享下github地址:Font Awesome。 中文网址:Font Awesome 4.7.0 中文文档。 官网:http://fontawesome.io 如果使用网上资源地址,直接引用就可以了。 如果下载资源到本地的话,需要注意一点,就是保持css文件和fonts文件相对路径保持不变。 ...
分类:
其他好文 时间:
2017-07-12 13:52:35
阅读次数:
223
简单查了一下,先做个记录,有时间再看。 https://www.oschina.net/question/2457218_2205005?sort=time https://my.oschina.net/u/2457218/blog/782822 https://bugzilla.mozilla.o ...
分类:
其他好文 时间:
2017-07-06 10:21:47
阅读次数:
160
在web.xml中配置如下: <!-- springMVC核心配置 --> <servlet> <servlet-name>spring</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</ ...
分类:
编程语言 时间:
2017-07-04 00:01:08
阅读次数:
511
效果如下: 按钮的html和css代码如下。 i标签<i class="fa fa-chevron-up"></i>使用了Font Awesome,400多个图标(包括QQ、微信、微博)只要30KB,可无限放大,不需要js,非常的🐮。 按钮gotop用fixed定位到屏幕右下角,并且隐藏。 JQ代 ...
分类:
Web程序 时间:
2017-06-22 21:54:16
阅读次数:
232
Font Awesome 是一个非常方便的图标库。这些图片都是矢量图,以 .svg 文件格式保存。这些图标用起来就像字体一样。你可以使用像素单位来指定他们的大小,它们会继承父级HTML元素的字体大小。 有很过可爱的小图标 <div class="row"> <div class="col-xs-4" ...
分类:
其他好文 时间:
2017-06-20 20:16:30
阅读次数:
160
先下载需要的文件:http://files.cnblogs.com/files/LoveQin/Font-Awesome.zip 打开里面的font-awesome.min.css文件,修改font路径,如下图 这是我的字体放的路径 所以要将cs文件的路径修改完。 页面引用文件,如图 ok了,可以使 ...
分类:
其他好文 时间:
2017-06-16 11:26:37
阅读次数:
155