文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字体第三步：盒子里面添加结构追加新图标到原来库里面web字体字体格式不同浏览器所支持的字体格式是不一样的，
原创
2021-06-10 19:49:13
2232阅读
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字
原创
2020-07-09 14:34:24
10000+阅读
网站图标和字体图标1.网站图标作用：一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本，就好像现在说道熊爪大家都能够想到度娘，更多的属于用户体验。有利于识别当前窗口是在哪个网站。制作流程： （1）一张图 （2）在网上将图片做成ico图标（网址：http://www.bitbug.net/） （3）在html中引入<link rel="shortcut icon"...
原创
2022-03-02 17:47:56
336阅读
网站图标和字体图标1.网站图标作用：一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本，就好像现在说道熊爪大家都能够想到度娘，更多的属于用户体验。有利于识别当前窗口是在哪个网站。制作流程： （1）一张图 （2）在网上将图片做成ico图标（网址：http://www.bitbug.net/） （3）在html中引入<link rel="shortcut icon"...
原创
2021-08-18 02:04:29
456阅读
CSS字体代码宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312宋体：SimSuncss中中文字体（fo
字体图标的使用（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta cha
原创
2022-10-20 10:21:05
135阅读
CSS精灵技术（sprite）精灵技术产生的背景当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪...
原创
2021-09-02 09:52:45
212阅读
一，常见中文字体在CSS中的Unicode编码新细明体: \65b0\7ec6\660e\4f53细明体: \7ec6\660e\4f53标楷体: \6807\6977\4f53黑体: \9ed1\4f53宋体: \5b8b\4f53新宋体: \65b0\5b8b\4f53仿宋: \4eff\5b8b楷体: \6977\4f53仿宋_gb2312: \4eff\5b8b_gb2312二，例如：fo
转载
2023-06-08 13:27:16
589阅读
1、为什么要使用精灵图？2、 精灵图使用的核心精灵技术主要针对于背景图片
原创
2022-09-20 10:51:26
239阅读
Font Awesome是一种web font，它包含了几乎所有常用的图标，比如Twitter、facebook等等。用户可以自定义这些图标字体，包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点： 它的缺点是： 下面是全部的Font Awesome图标：
转载
2017-07-21 17:52:00
206阅读
2评论
文章目录精灵图为什么需要精灵图精灵图（sprites）的数，提高页面的加载速度，出现了 CSS 精灵技术（也称CSS Sprites、CSS 雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务
原创
2022-08-05 21:11:00
58阅读
Font Awesome是一种web font，它包含了几乎所有常用的图标，比如Twitter、facebook等等。用户可以自定义这些图标字体，包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点： 1、像矢量图形一样，可以无限放大2、只需一种字体，同时拥有多个图标，目前支持4
原创
2022-04-12 16:17:41
557阅读
一、icommon 字体图标基本使用1、生成 icommon 字体文件2、字体图标基本使用二、使用伪元素实现 icommon 字体图标显示
原创
2023-04-22 10:45:50
806阅读
1、精灵图（1）为什么需要精灵图一个网页中往往会应用到很多小的背景图片，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器的压力过大，这将大大降低页面的加载速度，精灵图是将图片放到一张里面，这样的话只要请求一次就可以了精灵图的出现降低了服务器的压力，提高了图片的加载速度（2）精灵图的核心主要针对于背景图片的使用，把许多小的背景图片整合到一张大的图片中。对于其他图片，因为是需要频繁
转载
2021-05-04 22:09:38
855阅读
2评论
css中的字体样式一般包含有就9中，常见的有7种。这7种依次为： 1.字体样式：font-family； 2.字体大小：font-size； 3.字体加粗：font-weight； 4.字体斜体：font-style； 5.颜色：color； 6.文本装饰线条：text-decoration； 7.文字阴影：text-shadow； 其中， font-famil用于设置文字名
今天分享的是前端哥之前在做项目的时候遇到的一个需求，h5端需要很多的图标并且需要后台控制，当时设计师也比较忙，刚好前端框架用的layui，前端哥想了想就结合css字体图标font-awesome制作的这个字体图标选择插件,然后前端哥就整理一下代码分享到我的个人网站，希望对你有所帮助
原创
2023-01-27 11:04:36
197阅读
HTML与CSS——CSS字体样式字体样式CSS 提供了很多属性来控制字体的外观。常用属性有：font-size：设置字体大小。font-family：设置字体类型。font-weight：设置字体粗细。Font-style: 设置字体风格，例如斜体和倾斜字体color：设置字体颜色。text-decoration：设置字体修饰。例如：p {
font-size: 16px;
font-f
