【博学谷学习记录】超强总结，用心分享|字体图标介绍

曾经看到过一篇文章，说的就是“超越心里”，所谓超越心理是指开发自身潜能和突破自身素质的一种执着而顽强的进取心态。当一个人对自己赞赏和肯定的时候，就会产生一种价值认同感，而后强烈的表现出升华自我的动力，这不仅仅是心理潜能的激发，更多的是人性的完善、境界的提高或智慧的凝结。白岩松曾经说过“人格是最高的学历”，超越自己主要就是克服自身的心里惰性，勇敢的面对摆在自己面前的一切困难。一周的培训学习在我们的恋恋不舍中敲响了结尾的钟声。对于这几天的培训课程，我想我只能用受益匪浅这四个字来形容了。老师的博文广识、生动讲解、精彩案例无不在我的脑海里留下了深刻的印象，希望能将培训完后心中所想所获能表达出来。这周我来介绍一下如何使用字体图标技巧来实现网页中简洁的图标效果。

什么是字体图标？

➢ 字体图标展示的是图标，本质是字体。

➢ 通常用来处理一些简单的、颜色单一的图片。

图标库 Iconfont：iconfont-阿里巴巴矢量图标库

下载字体包的步骤：

使用字体图标 – 类名：引入字体图标样式表

调用图标对应的类名，必须调用2个类名:

iconfont类：基本样式，包含字体的使用等 icon-xxx：图标对应的类名

我们可以应用字体图标代替图片，提升网页性能，同时我们可以给字体图片设置样式，如下图所示：

最终效果如图所示：爱心图标不仅可以设置字号调整大小，还可以调整颜色

如果图标库没有项目所需的图标怎么办，两种解决方法，其一是与设计师沟通，得到SVG矢量图二是在IconFont网站上传图标，然后下载使用。上传矢量图的方法我放在下面：

上传矢量图的方法：

点击上传 → 上传SVG图标→ 浏览本地图标 → 去除颜色提交→加入购物车 → 下载使用

人可能就是在一次次的不断地超越自己的过程中攀登到自己人生的顶峰的，就像破茧成蝶一样，一旦突破了限制自身发展的瓶颈，那么胜利就离你不远了。在今后的实习和工作中我会继续努力，努力的超越自己，一步步的向着自己的目标迈出坚定的步伐!

【博学谷学习记录】超强总结，用心分享|字体图标介绍相关推荐

[博学谷学习记录]超强总结,用心分享|第07节常用的API-----笔记篇
目录 1.API 1.1 API概述-帮助文档的使用 1.2 键盘录入字符串 2. String类 2.1 String概述 2.2 String类的构造方法 2.4 创建字符串对象的区别对比 2.5 ...
{博学谷学习记录} 超强总结,用心分享|狂野架构师-前置互联网架构演变过程
本章以系统架构,数据架构,两种维度来进行讲解目录 1 系统架构 1,1 单体架构 1.2 中台战略 2 数据库架构 2,1 单体架构 2.2 主从读写 2.3 分库分表 3 总结 1 系统架构 1, ...
[博学谷学习记录]超强总结,用心分享|架构 Nacos入门
提示:学习笔记欢迎指点文章目录前言一.Nacos安装二.Nacos服务注册与发现 1.服务提供者Provider 2.服务消费者Consumer 三.Nacos作为配置中心前言 Nacos ...
[博学谷学习记录]超强总结,用心分享|架构敏捷 - 开发管理之道
提示:学习笔记欢迎指点文章目录 1.敏捷开发思想之道 2.面向对象开发之道 3.敏捷学习之道 1.敏捷开发思想之道一名敏捷开发者,敏捷思想的掌握自然首当其冲.在敏捷开发实施的过程中,我们虽然不是 ...
[博学谷学习记录]超强总结,用心分享|第16节集合续-----笔记篇
目录 1.HashSet集合 1.1HashSet集合概述和特点[应用] 1.2HashSet集合的基本应用[应用] 1.3哈希值[理解] 1.4哈希表结构[理解] 1.5HashSet集合存储学生对 ...
[博学谷学习记录] 超强总结，用心分享|陌陌综合案例
注:大家觉得博客好的话,别忘了点赞收藏呀,本人每周都会更新关于人工智能和大数据相关的内容,内容多为原创,Python Java Scala SQL 代码,CV NLP 推荐系统等,Spark Flin ...
[博学谷学习记录]超强总结，用心分享|Hive的压缩格式
压缩格式工具算法文件扩展名是否可切分 DEFAULT 无 DEFAULT .deflate 否 Gzip gzip DEFAULT .gz 否 bzip2 bzip2 bzip2 .bz2 是 ...
[博学谷学习记录]超强总结，用心分享|软件测试之计算机基础（一）
本周开始学习软件测试,而我也即将开始在平台记录我的学习之路.我会把我的个人心得及掌握的知识发布在此平台,俗话说最好的输入就是输出,希望在输出的同时能有更多的收获,也希望与大家多多交流. 为了更好的学习 ...
[博学谷学习记录]超强总结，用心分享|人工智能机械学习基础知识线性回归总结分享
1.线性回归的核心是参数学习,线性回归和回归方程(函数)有关 2.线性回归是目标值预期是输入变量的线性组合 3.欠拟合的产生原因是学习到数据的特征过少 4.多元线性回归中的"线性" ...

【博学谷学习记录】超强总结，用心分享|字体图标介绍

【博学谷学习记录】超强总结，用心分享|字体图标介绍相关推荐

最新文章

热门文章