图标字体

HTML常用的符号集

这种情况下我们一般会采用图片压缩（俗称雪碧图）或者图标字体的方式来解决请求次数过多问题：1.针对雪碧图不过多介绍，简单说就是把项目或者页面要用的图标都整合在一张图里，以此减少请求数，fis3和很多npm
鱼左三水·2022-02-19 05:28

十八、Expo 指南之图标（icon)

图标虽然现在很流行，但并不是每个应用程序都必须使用表情符号来表示所有图标-也许你想通过像FontAwesome，Glyphicons或Ionicons这样的图标字体来引入一个流行的集合，或者你只是使用一些你仔细从
万能的JS·2022-02-15 00:44

手把手教你根据svg文件制作图标字体

1，准备好本地的svg图标文件；svg.png2，打开icomoon图标字体制作网站：https://icomoon.io/,点击网站右上角icoMoonApp进入图标字体制作界面；image.png3
桃花谷主V·2022-02-07 13:14

东拼西凑完成一个“前端框架”(2) - 字体图标

前言还记得以前开发的项目目录下都会存放一大堆图标文件，难以维护，同时图标和字体的对齐也是一个麻烦事儿；下面简单列出字体图标的优劣势，内容摘自图标字体的优缺点和使用优势轻量级：一个图标字体要比一系列的图像要小
OldsixShang·2022-02-05 11:22

Sass将Unicode编译成文字字符导致icon乱码问题

发现问题最近在使用公司组件库中的穿梭框组件时发现icon图标全都乱码了分析问题经排查发现，组件样式文件（scss）引入的iconfont矢量图标字体，构建时，\e601这类Unicode字符在经过sass
·2021-10-17 16:17

CSS样式——CSS3新特性

创建自定义字体图标@font-face可定义图标字体，将图标字体嵌入到网页中，并且可使用文本所i有样式使用语法：@font-face{font-family:自定义图标字体名;src:url(‘图标地址
·2021-10-05 15:08

Android 阿里图标字体库

阿里图标库：https://www.iconfont.cn/自己开发app时喜欢用的一个图库，经常在上面找一些图片，最近又发现了他一个不得了的功能，不喜勿喷，我也是才知道的。那就是把自己喜欢的图片收藏到自己的项目中，然后下载到本地，会有一个字体库，然后可以通过字体库像加载Text文字一样加载图标，大大的减少了项目中图标数量和占用大小了。使用：进入官网：要登录，可以选择github方式，程序员都有的
坑逼的严·2021-09-26 14:16

FontAwesome图标大全

FontAwesome图标大全FontAwesome图标大全FontAwesome4.7.0图标大全，共计675个图标，以及其在图标字体中的Unicode编码cheatsheet列表，非常方便再WEB等开发过程中速查
·2021-09-07 23:14

icones：支持即时搜索的图标资源管理器，尤雨溪等开发者赞助支持

简介icones是一个具有即时搜索功能的图标资源管理器，拥有数量丰富的图标库，支持模糊搜索、图标字体打包、SVG下载、类别过滤、脚本复制、暗黑模式等功能。
·2021-08-26 13:46

项目好用的开发插件

mint-ui：基于Vue.js的移动端组件库Vant：Vue移动端UI组件库v-viewer：vue的图片预览组件fontAwesome：一套绝佳的图标字体库和CSS框架，设置字体大小图标iScroll
JIseven·2021-08-22 08:00

vue-cli创建的项目引入图标字体——有坑

第一步：找需要的去https://www.iconfont.cn/找到需要的图标下载到本地第二步：添加下载好解压出来，添加到项目文件夹中第三步：引用在路由文件中用import'../../font/iconfont.css'引入。我这里用router当作路由文件夹，所以router文件夹下的index.js就是路由文件，就没用src目录下的main.js当作路由文件在要使用图标的页面中引用我这里就
·2021-08-17 14:03

FontAwesome 4.7 for Axure 元件库（含下载）

FontAwesome，一套绝佳的图标字体库一直都在Axure中使用Fontawesome的图标库，相比Axure自带的图标库有很多的优势：1：图标全。
FansMaker·2021-06-20 08:39

手把手教你打造一个Mac风格的Window

效果图考虑到过度的美化会造成系统的不稳定，同时也会增加硬件的负担，所以这里主要以性能优先为主的简单修改，主要涉及以下几个方面：登录界面：修改登录界面背景主题：更换为仿Mac系统样式的主题图标：更换开始按钮图标与系统图标字体
小明空空·2021-06-11 14:44

微信小程序iconfont图标字体解决方案

此文演示如何在小程序上使用iconfont字体图标。使用说明登录阿里巴巴iconfont.cnimage.png新建项目image.png点击icon收藏image.png加入到test项目中image.png下载到本地解压image.png生成代码image.png复制iconfont.css到xxx.wxssimage.png替换iconfont.css中的@font-face为上面的生成代码
大猪大猪·2021-06-09 17:02

在vue中引入iconfont图标字体，保证不报错

首先在iconfont官网上下载好自己需要的字体图标，如下：图片来自本地图片来自本地接下来在vue项目的main.js中导入iconfont字体图标相关文件，如下图片来自本这样就大功告成了。另外对于小白需要注意的是，外部js文件最好也在main.js中导入，不要问为什么，实践出真理。
尹莫一·2021-06-07 06:06

bootstrap-全局css样式-栅格布局系统/表单和bootstrap-组件-图标字体/按钮组/下拉菜单/导航

一.bootstrap-全局css样式-栅格布局系统-重点难点所有的行必须放在容器中.container或container-fluidcontainer：screen>1200px(超大PC显示器-lg)容器宽1170pxscreen>992px(普通PC显示器-md)容器宽970pxscreen>768px(平板显示器-sm)容器宽750pxscreen//bootstrap指定：单选和双选按
挣脱吧小白·2021-05-21 00:01

如何正确引入bootstrap图标字体

@font-face{font-family:'GlyphiconsHalflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix')format('embedded-opentype'),url('../fonts/g
lMadman·2021-05-20 16:24

Ubuntu15.4安装mac主题

于是动手把Ubuntu的图标字体换成了mac的样式。
lingyv·2021-05-19 14:23

微信小程序iconfont图标字体解决方案

此文演示如何在小程序上使用iconfont字体图标。使用说明登录阿里巴巴iconfont.cnimage.png新建项目image.png点击icon收藏image.png加入到test项目中image.png下载到本地解压image.png生成代码image.png复制iconfont.css到xxx.wxssimage.png替换iconfont.css中的@font-face为上面的生成代码
kikiki5·2021-05-18 19:08

微信小程序iconfont图标字体解决方案

此文演示如何在小程序上使用iconfont字体图标。使用说明登录阿里巴巴iconfont.cnimage.png新建项目image.png点击icon收藏image.png加入到test项目中image.png下载到本地解压image.png生成代码image.png复制iconfont.css到xxx.wxssimage.png替换iconfont.css中的@font-face为上面的生成代码
大猪大猪·2021-05-17 02:58

Google Material Design的图标字体版本(Material icon font)

最近写点项目，发现需要做图标的时候。不好意思麻烦美工，怎么办？还好，有IconRes.IconRes免费为你提供大量高质量的，由android官方精心设计的Material风格图标。官网code-mc/material-icon-lib每个图标命名如下：http://www.tuicool.com/articles/2uQvuqZ
黄海佳·2021-05-15 15:42

三百多个资源网站，熬夜爆肝整理，各行各业都有【全网最全】

三百多个资源网站全网最全学习园地知识文库在线课程考研学习英语模板素材高清图库图标字体音效简历模板PPT模板灵感创意软件工具软件应用在线工具图片工具斗图工具GIF工具PDF工具阅读网络小说电子书有声读物漫画杂志文字社区
lland5201314·2021-05-14 15:58

mui中如何增加自定义icon图标

框架遵循极简原则，在icon图标集上也是如此，mui仅集成了原生系统中最常用的图标；其次，mui中的图标并不是图片，而是字体，至于为什么使用字体图标而不是图片，相信web开发者多少都有所了解，简单列举几条：多个图标字体合成一个字体文件
ZhengYaWei·2021-05-14 08:53

详细步骤教你把svg运用到项目中

开始进入icoMoon，点击右上角【icoMoonApp】进入操作界面操作界面点击左上角【importicons】，导入你的svg图导入完成完成后选中选中图片点击右下角【generatefont】，生成图标字体生成图标字体点击
mytac·2021-05-05 07:37

浅谈雪碧图和字体图标

在雪碧图和图标字体中徘徊了很久。于是，简单研究了
地主是我爸·2021-05-01 01:55

工作笔记三

react-native使用图标字体:使用react-native-elements组件（需要先安装react-native-vector-icons,安装时需要修改配置文件，具体事项参考github）
挪威森林_29e6·2021-04-29 08:24

Vue.js 实战系列之实现视频类WebApp的项目开发——2. 搭建项目基本骨架

项目仓库地址，欢迎Star项目基本结构搭建项目整体架构图片引用自https://xiaozhuanlan.com/topic/3682047591项目目录说明|-assets资源文件夹|---fonts图标字体阿里图标字体
前端小新_XH·2021-04-26 14:53

引入图标字体的三种方式

图标字体（iconfont）------我们在网页中会发现一些小图标，可以通过图片引入图标，但是图片本身比较大，应用起来非常的不灵活。
他灿烂了夏·2021-04-15 12:20

字体图标的三种引用方法（一）

字体图标顾名思义就是字体以图标的显示,图标字体主要应用于web前端开发。引用字体图标的优点：1.扩展性更强:图标字体可任意缩放、改变颜色、产生阴影或透明效果。
今天很喜欢小水·2021-01-26 12:37

网站图标开发指南

传统图标字体图标SVG图标传统图标编写图标最简单的方式就是使用一张图片，如：图标我在刚开始写页面的时候就是这样做的，感觉soeasy，直到业务变得越来越复杂，我就不得不思考以下几个问题：图标需要适配多个客户端图标太多需要优化图标需要动态修改颜色
孟思行·2020-11-23 10:00

FONT AWESOME SYMBOLS FOR SKETCH

Font-Awesome-Symbols-for-Sketch源自大名鼎鼎的twitterbootstrap的FontAwesome图标字体库有了sketch的版本，而且将其制成了Symbols，更加方便使用
小刀·2020-10-11 04:36

解决部分软件分辨率导致的图标字体太小的问题

解决部分软件分辨率导致的图标字体太小的问题解决部分软件分辨率导致的图标字体太小的问题电脑的分辨率太高了，有的软件装完之后字小的一塌糊涂！！！譬如下面的ADS，真是要疯了恨不得趴到电脑上看这些图标是啥！
Savory-U·2020-09-17 05:16

几个矢量图库网站

如何灵活利用免费开源图标字体-IcoMoon篇阿里巴巴的矢量图库IconFont.cnhttp://www.i
weixin_33751566·2020-09-17 00:26

在vue中引入iconfont图标字体文件

1、从iconfont官网将要使用的图标添加至购物车，下载代码，2、然后解压出来其中要将iconfont.css、iconfont.eot、iconfont.ttf、iconfont.svg四个文件放置在一个目录下，在引用的时候，需要将这四个文件同时引入进去，如果只引入一个css文件，vue会包notfound错误，如果要全局引入的话，就将四个文件在main.js中引入进去即可在全局引入后，可以直
Felery·2020-09-16 23:15

Vue使用Iconfont

国外也有类似的图标字体库，如FontAwesome二使用方法那如何在vue的单文件组件（.vue）中使用呢？下面介绍多种方法，各有优缺点。在使用之前，先添加图标到项目中。
千霜·2020-09-16 23:48

从iconfont获取图标字体及使用方法

从iconfont获取图标字体及使用方法矢量图官网http://www.iconfont.cn/申明：任何商业用途请先确认图标版权，本文只介绍其使用方法。
W.Akirako·2020-09-16 22:50

纯CSS3美化单选按钮radio

：1、可兼容IE9以上，需要兼容IE8的要写IE的hack把样式去掉2、只支持单选按钮radio，因为单选按钮选中样式的圆圈可以用CSS做出来，但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库
weixin_34185364·2020-09-16 04:37

在ttf字体包中添加图标字符，图标字体化

在app项目的开发中，遇到需求，将在文本中混排较多的小图标，通用的实现图文混排的方法在适配问题上遇到较大的问题，因此想到将图标字体化。
jiang_xiansen·2020-09-16 03:09

iconfont 转换为图标字体

目的为了解决微信小程序中不能引用字体文件或者cnblog不能上传字体文件，将字体文件转为base64或者其他格式直接引入到css中！操作步骤第一步打开网站：https://transfonter.org/这是一个在线将ttf转换为base64或者其他格式的工具第二步上传字体文件并选择base64encode，Formats选择WOFF及WOFF2上图说明一下各大浏览器对eot、svg、ttf、wo
dingsongfu6294·2020-09-15 19:10

内行最爱用的6个前端图标库，你全都知道么？

上期入口：92个Python渗透测试工具合集6.FontAwesome官网：https://fontawesome.com/一套绝佳的图标字体库和CSS框架。
实验楼v·2020-09-15 16:57

利用图标字体实现在线地图上的地点标注与颜色渲染

然后我来谈谈我的解决方案吧，近几年移动端浏览器上流行的图标字体（iconfont）就派上用场了，最重要是IE6都支持它。下图是使用图标字体后的地图渲染效果，是不是很不错呢？使用iconfont来生
yanglang1987500·2020-09-15 12:43

CSS项目基础实战：实现小米官网+详细步骤分析+出错问题总结

|--在html中引入：|--重置样式表|--网页基本样式表:所有网页所共有使用的部分:网页宽度、网页字体、颜色、设置最小宽度、clearfix，消除浮动带来的影响|--图标字体库|--结构：|--CSS
尚墨1111·2020-09-15 11:59

在Essential Studio for WinForms应用程序中使用图标字体

图标字体包含符号而不是数字和字母。在Web技术中，与其他图像格式相比，图标字体占主导地位。由于它们是矢量图形，体积小、易于装载，因此用户可以在不降低质量的情况下上下缩放。
momo7777777·2020-09-15 11:25

Windows10抽风系列：一、卡顿、字体显示丢失

桌面图标字体变黑大概如下：然后，查找的方法，是挺多的，然而，我电脑字体都不显示，我怎么知道，哪是哪？？？没有恢复之前，只有左边的图标，文字查看不了！！！
无落·2020-09-13 12:18

奥森图标、SVG 和 canvas 的使用

一、奥森图标用法：http://code.z01.com/Boot/font.html1、下载：进入奥森图标官网之后，点击“立即下载”将这个FontAwesome图标字体库和框架下载在自己的电脑上。
carpenterworm1874·2020-09-13 05:36

iconfont 图标字体的使用

iconfont网址：https://www.iconfont.cn/(可以用github账号登录)1、可以在【图标管理】-->【我的项目】内分类管理自己的图标字体2、将svg图标制作成图标字体2.1上传
飞扬_柳絮·2020-09-12 23:02

PS插件（一）iconfont

iconfont简介iconfont是一款为设计师开发的Photoshop图标字体插件，现在通常所指的IconFont，是用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。
亦枫Blog·2020-09-11 23:12

最值得收藏的Bootstrap资源网站

正如你所知，图标字体在一个web网页设计拥有很多优势：它们使用方便，不仅仅是图像，更是一个载体。大小随意缩放，还可以适应各种尺寸的屏幕（包含移动设备，平板电脑等）。
tyygming·2020-09-11 10:53

如何下载图标字体

我在上一篇博文有介绍过如何在HTML中引入图标字体，现在说一下如何把字体下载到自己的工程目录下。首先，你要有一个分类好的工程目录，不然各种文件混杂在一起，要找的话很不方便。
hst_gogogo·2020-09-11 01:40

图标字体

1：进入IconMoon官网：https://icomoon.io/2：点击：IconMoonApp进入如下界面3：点击ImportIcons选中所有.svg文件出现以下界面：4：点击UntitledSet下的所有图标再点击右下角GenerateFont图标5：点击download
咔咔客·2020-09-10 23:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他