咳咳,其实我是想copy过来的,然而,他竟然是用代码写的图标。。。

(正经脸)话说icon图标是一种网页中常用图标的一种,网络上有各式各样的应用案例,在此就不多啰嗦了。其实我也不过是用着现成的而已,所以很感谢制作并且推广的淫!

说说icon的使用,首先我们去net上下载一份icon文件,一般都叫什么favicon.ico,我们只需要引用其就可以了。引用方法如下:

使用方式如下:

这里说一下,虽然我是个萌新,并且技术渣渣。但是万一有人看了我的博客,并且受到了启发呢?所以还是说一下吧。

我写博客不会写实际代码在里边,只会放图片。一来easy,二来我希望每个人在学习的时候能够自己动手去写代码。而不是干看,或者更直接的copy。这样对技术的提升简直就像是蜗牛拉车!虽然第一次使用或者写某些不熟悉的代码会很慢甚至出错连连,但是我保证进步神速。因为我就是这么干的。

好了,言归正传。其实我们不光可以使用别人写好的文件和代码,我们也可以自己加入自己的东西在里面。如果熟悉ico的童鞋可能知道其原理,或者熟悉ps、AI等的也可能知道。不过是图标在win系统下的一种存储格式罢了。我们的计算机文件夹图标,我的电脑、回收站的各种图标都是这种格式的。我个人也经常DIY,然后替换我电脑上的各种千篇一律。所以,我们也是可以制作的。至于制作方法此文不多提,不是很麻烦,但是不熟悉修图软件的可能也够呛,不过前端的人应该不成问题。制作完成后,还需要修改FontAwesome.otf 文件,最后按照相同的格式引入进来使用就OK了。

最后,附上图标代码链接:

http://www.bootcss.com/p/font-awesome/design.html

最新文章

  1. 打造TypeScript的Visual Studio Code开发环境
  2. 全文检索学习历程目录结构(Lucene、ElasticSearch)
  3. JSF 与 HTML 标签的联系
  4. visor 发布
  5. 用php脚本给html中引用的js和css路径打上版本
  6. SAP HANA专题分析目录
  7. KlayGE 4.4中渲染的改进(二):DR的其他改进
  8. 使用 ServiceStack.Text 序列化 json 比Json.net更快
  9. UE 使用技巧
  10. android延迟执行
  11. 取得system32文件夹下面文件的写入权限
  12. Leetcode题解(十二)
  13. BZOJ 3881: [Coci2015]Divljak [AC自动机 树链的并]
  14. AM335x(TQ335x)学习笔记——Nand&&网卡驱动移植
  15. python爬虫-淘宝商品密码(图文教程附源码)
  16. Tomcat部署实战
  17. axios - 基于 Promise 的 HTTP 异步请求库
  18. leetcode-[3]Max Points on a Line
  19. iText中输出中文
  20. linux中sudo如何读取标准输入作为密码,避免每次都输入密码?

热门文章

  1. 欧拉回路/通路 Codeforces Round #288 (Div. 2)
  2. Django 模型ORM
  3. eltwise层
  4. nyoj-586-疯牛|poj-2456-Aggressive cows
  5. NoSuchBeanDefinitionException: No qualifying bean of type 'com.bj186.ssm.mapper.EmployeeMapper' available: expected at least 1 bean which qualifies as autowire candidate
  6. vue-cli3.0 生产包去除console.log
  7. redo log日志内容备忘
  8. perl学习一:探索Perl世界
  9. 非memory空间有地址分配
  10. python学习第一天 计算机基础知识