先去注册个号码,好像只可以用新浪微博登录哈,搞一个微博去。

第一就是点上面图标库,选择官方和所有都行。

恩接着点一个图标,他就自己跑到 第二个按钮哪里去了,在点第二个按钮,会出来一个创建项目,随便创建一个就好。

上图不说话

下载本地这个 大家都会把我就不解释了哈,别问我 怎么不和照片一样,我之前就给那个项目里面加了好几个图标,你的只有一个图标是正确的。

恩然后就得到了这么多文件,然而我们只要我红色框里面圈到的文件就好

现在我们把 我们要得到的东西都得到了,然后就是 你自己写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">&#x33;</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 字体库应用相关推荐

  1. LINUX CentOS7安装字体库

    LINUX CentOS7安装字体库 2017年12月26日 17:06:07 q260996583 阅读数:4866更多 个人分类: linux JAVA画图时常用到Font 类对象 这样的对象依赖 ...

  2. 如何给CentOS安装字体库

    很多时候,我们需要做一些图像生成工作(譬如验证码之类的),这时候,我们一般都需要用到系统的字体库.但事情却总非尽善人意,我们所使用的Linux操作系统无法像Windows操作系统那样足够"旗 ...

  3. Font Awesome一套绝佳的图标字体库和CSS框架的使用

    场景 Font Awesome 一套绝佳的图标字体库和CSS框架 官网: http://fontawesome.dashgame.com/ 实现 从官网下载资源文件,解压后的目录 将上面解压后的四个目 ...

  4. 关于Linux fontconfig 字体库的坑

    01.安装字体软件yum -y install fontconfig然后把字体拷过去就行了 cd /usr/share/fonts fc-list 这是查看02.拷贝字体到指定目录 cp simsun ...

  5. Powerline专用字体安装_PowerFonts字体库安装_Meslo LG字体安装

    文章目录 单独下载某个 Meslo LG 字体 通过命令方式安装全部 Meslo LG 字体 zsh 如果使用主题 agnoster,而该主题依赖于 Powerline,而 Powerline 的正常 ...

  6. html css导航栏字体图标,HTML+CSS入门之两种图标字体库

    本篇教程介绍了HTML+CSS入门之两种图标字体库,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < ## 0. 前言 比较基础的图标加载:和块元素的背景background ...

  7. linux添加中文字库主线任务,Linux 添加中文字体库

    背景:润乾报表 win上面的项目直接上传到linux 上,但预览&下载报表时乱码 如果含有斜线的单元格或统计图的报表在网页上发布时,统计图或斜线单元格里的汉字会变成小方框,此时往往是服务器端操 ...

  8. Qt笔记-桌面应用程序加载字体库(ttf)

    首先将下载好的字体库放到资源文件中: 设置相关代码如下: #include "Widget.h"#include <QApplication> #include < ...

  9. Cocos2d-x教程(28)-ttf 字体库的使用

    欢迎增加 Cocos2d-x 交流群: 193411763 转载请注明原文出处:http://blog.csdn.net/u012945598/article/details/37650843 通常为 ...

最新文章

  1. CSS清除浮动常用方法小结
  2. 路由器启动后如何定位IOS?
  3. 《PC World》:Linux在桌面市场毫无长进 已经死亡
  4. php 异步进度条,PHP学习:PHP+Ajax异步带进度条上传文件实例
  5. 面向数据科学的概率论 一、基础
  6. 饭卡 01背包 DP
  7. android快速搭建界面,怎么样能快速搭建一个Android APP的界面和框架?
  8. C++指针探讨 (二) 函数指针
  9. jsf 导航_JSF页面导航示例教程
  10. 树莓派桌面没有时间_树莓派3B/3B+开启手机远程桌面和终端,没有屏幕和电脑的伙伴们有福啦!...
  11. 62.Linux/Unix 系统编程手册(下) -- 终端
  12. 一些简单的git命令及操作
  13. fisco bcos应用开发(一) springboot报错 Error reading resource
  14. 串-第4章-《数据结构题集》答案解析-严蔚敏吴伟民版
  15. 数模美赛-层次分析模型方法(评价类问题)
  16. 《概率论与数理统计》重学笔记
  17. MySQL下载步骤详解
  18. 广度优先搜索(BFS)与深度优先搜索(DFS)的对比及优缺点
  19. [VMware]9破解版
  20. erlang 虚机CPU 占用高排查

热门文章

  1. idea中如何打开RunDashboard窗口,微服务最实用设置
  2. 【Docker】Docker的三大核心组件
  3. 2022-2028年中国环氧结构胶行业市场研究及投资前景预测报告
  4. 2022-2028年中国再生天然橡胶行业市场调查分析及未来前景分析报告
  5. etcd 笔记(04)— etcd 网关与 gRPC 网关
  6. debian10 简单的DNS服务器搭建
  7. TensorFlow分布式详解
  8. 部署可扩展的目标检测管道:推理过程(上)
  9. 地图构建两篇顶级论文解析
  10. 2021年大数据Spark(二十七):SparkSQL案例一花式查询和案例二WordCount