inconfont 字体库应用
先去注册个号码,好像只可以用新浪微博登录哈,搞一个微博去。
第一就是点上面图标库,选择官方和所有都行。
恩接着点一个图标,他就自己跑到 第二个按钮哪里去了,在点第二个按钮,会出来一个创建项目,随便创建一个就好。
上图不说话
下载本地这个 大家都会把我就不解释了哈,别问我 怎么不和照片一样,我之前就给那个项目里面加了好几个图标,你的只有一个图标是正确的。
恩然后就得到了这么多文件,然而我们只要我红色框里面圈到的文件就好
现在我们把 我们要得到的东西都得到了,然后就是 你自己写html了:
第一步:使用font-face声明字体
@font-face{ font-family:'iconfont';src:url('iconfont.eot'); /*IE9*/src:url('iconfont.eot') format('embedded-opentype'),/*IE6-IE8*/url('iconfont.woff') format('woff'),/*chrome、firefox*/url('iconfont.ttf') format('truetype'),/*chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('iconfont.svg') format('svg'); /*iOS 4.1-*/ }
第二步:定义使用iconfont的样式
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale; }
第三步:挑选相应图标并获取字体编码,应用于页面
<iclass="iconfont">3</i>
第一步那些代码全部复制粘贴到你的css文件,嗯嗯,上面说到 要的那四个文件 你找一个地方存着,看后缀eot和woff和ttf和svg后缀的,对于上面的吧路径弄对,弄就是搞的意思。然后把第二部全部也复制在css里面,那个 .inconfont 那个class名字,你给你的i标签class用什么名字第二部就用什么名字。当然在第二部那个inconfont里面也可以加color颜色啊,font-size改变大小啊 都可以的哈。第三部i标签里面放的那个代码就是第四张图 下面的那个代码,那个代码就能出来图标 恩 OK了,完美不,快大声喊完美
转载于:https://www.cnblogs.com/shoestrong/p/5394229.html
inconfont 字体库应用相关推荐
- LINUX CentOS7安装字体库
LINUX CentOS7安装字体库 2017年12月26日 17:06:07 q260996583 阅读数:4866更多 个人分类: linux JAVA画图时常用到Font 类对象 这样的对象依赖 ...
- 如何给CentOS安装字体库
很多时候,我们需要做一些图像生成工作(譬如验证码之类的),这时候,我们一般都需要用到系统的字体库.但事情却总非尽善人意,我们所使用的Linux操作系统无法像Windows操作系统那样足够"旗 ...
- Font Awesome一套绝佳的图标字体库和CSS框架的使用
场景 Font Awesome 一套绝佳的图标字体库和CSS框架 官网: http://fontawesome.dashgame.com/ 实现 从官网下载资源文件,解压后的目录 将上面解压后的四个目 ...
- 关于Linux fontconfig 字体库的坑
01.安装字体软件yum -y install fontconfig然后把字体拷过去就行了 cd /usr/share/fonts fc-list 这是查看02.拷贝字体到指定目录 cp simsun ...
- Powerline专用字体安装_PowerFonts字体库安装_Meslo LG字体安装
文章目录 单独下载某个 Meslo LG 字体 通过命令方式安装全部 Meslo LG 字体 zsh 如果使用主题 agnoster,而该主题依赖于 Powerline,而 Powerline 的正常 ...
- html css导航栏字体图标,HTML+CSS入门之两种图标字体库
本篇教程介绍了HTML+CSS入门之两种图标字体库,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < ## 0. 前言 比较基础的图标加载:和块元素的背景background ...
- linux添加中文字库主线任务,Linux 添加中文字体库
背景:润乾报表 win上面的项目直接上传到linux 上,但预览&下载报表时乱码 如果含有斜线的单元格或统计图的报表在网页上发布时,统计图或斜线单元格里的汉字会变成小方框,此时往往是服务器端操 ...
- Qt笔记-桌面应用程序加载字体库(ttf)
首先将下载好的字体库放到资源文件中: 设置相关代码如下: #include "Widget.h"#include <QApplication> #include < ...
- Cocos2d-x教程(28)-ttf 字体库的使用
欢迎增加 Cocos2d-x 交流群: 193411763 转载请注明原文出处:http://blog.csdn.net/u012945598/article/details/37650843 通常为 ...
最新文章
- CSS清除浮动常用方法小结
- 路由器启动后如何定位IOS?
- 《PC World》:Linux在桌面市场毫无长进 已经死亡
- php 异步进度条,PHP学习:PHP+Ajax异步带进度条上传文件实例
- 面向数据科学的概率论 一、基础
- 饭卡 01背包 DP
- android快速搭建界面,怎么样能快速搭建一个Android APP的界面和框架?
- C++指针探讨 (二) 函数指针
- jsf 导航_JSF页面导航示例教程
- 树莓派桌面没有时间_树莓派3B/3B+开启手机远程桌面和终端,没有屏幕和电脑的伙伴们有福啦!...
- 62.Linux/Unix 系统编程手册(下) -- 终端
- 一些简单的git命令及操作
- fisco bcos应用开发(一) springboot报错 Error reading resource
- 串-第4章-《数据结构题集》答案解析-严蔚敏吴伟民版
- 数模美赛-层次分析模型方法(评价类问题)
- 《概率论与数理统计》重学笔记
- MySQL下载步骤详解
- 广度优先搜索(BFS)与深度优先搜索(DFS)的对比及优缺点
- [VMware]9破解版
- erlang 虚机CPU 占用高排查