E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Iconfont
【UI组件库】icon组件和transition组件
iconfont
有很多奇怪的bug,比如,如果没加载好会有出现方框svg完全可控,即取即用本文介绍fortawesome,他
CaraYQ
·
2022-03-19 22:15
自定义UI组件库
ui
javascript
react.js
Ant Design Pro自定义svg菜单图标(不使用
iconfont
)
环境和依赖umi3.5.0场景AntDesignPro的文档介绍了配置菜单icon的方法,需要在routes.ts中设置icon属性,但只能使用antd的icon或者使用
iconFont
,如果我想直接使用设计师提供的
·
2022-03-17 16:29
前端react.jsantd
【web前端开发 | CSS】CSS高级技巧
文章目录一:精灵图(sprites)1:基本概念2:案例二:字体图标(
iconfont
)1:基本概念(和精灵图区别)2:字体网站2.1第一种lcoMoonApp2.1.1:案例2.2:第二种
iconfont
-4444x-
·
2022-03-16 16:53
移动与web前端开发
html
html5
css
css3
将SVG格式图片转换成字体图标,并使用链接方式访问(支持个性化图标样式改变)
一.将素材转换成SVG格式的图片在线工具网址:https://www.aconvert.com/cn/image/png-to-svg/二.制作字体图标在这里我推荐使用:https://www.
iconfont
.cn
空格x
·
2022-03-16 10:22
前端第六篇笔记(p76~p89)
文章目录字体族(p76)图标字体简介(p77)
iconfont
(p79)行高(p80)字体的简写属性(p81)文本的水平和垂直对齐(p82)其他的文本样式(p83)text-decorationwhite-space
胖胖龙打代码
·
2022-03-16 09:50
笔记
前端
css
html
VUE在线调用阿里
Iconfont
图标库的方法
本章将带领大家以另一个高端的方式打开阿里
Iconfont
图标库,过去,我们要么是自己在网上费好大劲,东拼西凑的找一些icon的图片,来美化我们的网页,然而随着技术的发展,和一些大平台的技术奉献,这里不得不说阿里还是牛逼
·
2022-03-14 12:06
关于Vue中使用alibaba的
iconfont
矢量图标的问题
网上有很多引入方法,官方也给出了三种引入方法,但是大多数人引入后都不会显示,或者是不能自定义样式,下面这种方法不会存在上面的那些问题,是目前最好的引入方式。1、网址阿里巴巴矢量图库,要求登陆后使用,先注册登录吧2、登陆后,搜索想要的图标,比如用户、购物车什么的3、鼠标移动到想要的图标上,点击“添加入库”,建议不要直接用复制SVG代码引入或者其他引入方式,先加入库在下载下来是最好的选择。4、打开网址
·
2022-03-13 19:25
uniapp写小程序使用u-view导入base64的font-family
直接点开了一个新网页就下载了ttf的文件@font-face{font-family:'uicon-
iconfont
';src:url('https://at.alicdn.com/t/font_2225171
·
2022-03-04 16:57
css
聊一聊
iconfont
聊一聊
iconfont
简述
iconfont
把图标用字体的方式呈现把大量的图标变成了一个字体文件,减少了请求数,而且有效减小请求体积。
·
2022-03-02 17:11
iconfont
react native 字体图标
1.直接使用react-native-vector-icons2.可以使用里面的字体图标3.自定义字体图标,可以使用阿里
iconfont
成都reactnative
·
2022-02-20 14:21
vue cli3使用svg-sprite-loader
iconfont
symbol对比svg-sprite-loader
iconfont
symbol在SVG使用上简单,但是对于后期修改不方便。
王大合
·
2022-02-19 23:27
微信小程序
iconfont
图标字体解决方案
此文演示如何在小程序上使用
iconfont
字体图标。
大猪大猪
·
2022-02-19 20:05
Genericons 字体的 unicode 值
IconFont
,或者说Webfont是什么不用说了,还不懂的请自行补脑。
Wallys
·
2022-02-19 20:53
vscode常用package
JavaScript(ES6)codesnippets方便es6ES7React/Redux/GraphQL/React-Nativesnippets新特性以及tsLocalHistory查看本地编辑的历史信息
IconFont
s
大写的Q
·
2022-02-19 10:18
PPT学习之路-轻松搞定精美素材
英文搜索可以改变语言-简体中文这样就可以用中文搜索,但是效果没有英文好Unsplash网址:unsplash.com只支持英文搜索Pxherepxhere.com压轴的,支持中文搜索,图片比较全二、精致图标
iconfont
www.i
海中浮沉
·
2022-02-19 09:13
在uni-app项目中使用阿里巴巴矢量图标库
下载项目图标并解压,将
iconfont
.ttf文件拷贝到项目的static目录下。
岚平果
·
2022-02-18 11:08
同源策略、跨域
同源策略1、什么是源以下面这段代码为例|http://www.
iconfont
.cn:80/home/index?
毅冷锋
·
2022-02-18 01:03
iconfont
的使用
1.
Iconfont
是什么?
Iconfont
顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标。
MissWang1
·
2022-02-18 00:26
css字体图标的实现
css字体图标的实现1、首先进入
Iconfont
-阿里巴巴矢量图标库2、下载后再进入创建字体图标的网站icomoon第一步:点击IcoMoonapp进入创建字体图标界面第二步:点击importicons
亞哲
·
2022-02-17 18:06
在uni-app项目中使用
iconfont
如果大神们读到我的文章有误的,请帮我指出,谢谢1.uni-app中引用
iconfont
字体图标首先登陆
iconfont
官网,创建自己的项目,找到需要的图标加入购物车,然后添加
momohi
·
2022-02-17 05:03
bootstrap datetimepicker 使用 fontAwesome
datetimepicker默认是用bootstrap自带的
iconfont
,我习惯用fontAwesome所以要修改,修改方式如下:$('.form_time').datetimepicker({language
karl_song
·
2022-02-16 23:13
音乐专辑展示动效--CSS3旋转
分析布局搭建结构,盒子内部有一个专辑封面图和渐变底色的弹出层,为了制作专辑列表效果,盒子使用ul>li布局,里面弹出层使用为元素:before,和伪元素同级的有专辑标题文字h3和日期文字段落p,分享按钮使用
iconfont
AriesMiki
·
2022-02-16 09:16
Android
IconFont
一、简介
Iconfont
是阿里巴巴出版的矢量文字图标,目前仅支持单色的图标,优势在于体积小,使用方便,在Android中应用
iconfont
,可以减少安装包的体积。
潜心之力
·
2022-02-15 10:30
Flutter Icon
✨✨✨✨✨魏什么_多喝水Flutter之路阿里图库简介Flutter中,可以像web开发一样使用
iconfont
,
iconfont
即“字体图标”,它是将图标做成字体文件,然后通过指定不同的字符而显示不同的图片
态度哥
·
2022-02-14 16:50
Web前端性能优化
减少页面请求和请求内容量每次请求都需要再客户端/服务器启动独立线程去处理,开销贵;解决方案:合并css,合并javascript,合并图片来实现减少http请求的数目;合并图片的主要方法有cssImagesprites,内联图片,
iconFont
四号公园_2016
·
2022-02-14 11:18
如何在element ui中使用第三方图标库
第一步在阿里巴巴的图标库http://www.
iconfont
.cn/中找自己要用的图标,加入购物车第二步:添加至项目,没有项目的话自建一个,名称之类的随便第三步:点这个按钮第四步:点击更多操作进行编辑
Scientist_ab99
·
2022-02-13 11:04
程序员常用网站收集
GoogleBingbaidu社区Github稀土掘金开发者头条segmentfault知乎开源中国伯乐在线InfoQdiycodev2excodeKK玩AndroidImportNew工具图标素材库●阿里
iconfont
木木公白
·
2022-02-13 07:21
几个图标的网站
Flaticonhttps://www.flaticon.com
Iconfont
http://www.
iconfont
.cnFontAwesomehttp://fontawesome.dashgame.comIconfinderhttps
舌尖上的大胖
·
2022-02-13 04:58
插件 || 网站
php环境搭建https://www.apachefriends.org/download.html(XAMPP)字体图标网站icomoon.io||http://www.
iconfont
.cn/正则表达式工具
_1988
·
2022-02-12 16:04
svg-sprite-loader 自动替换图标
作用:每次在
iconfont
下载的图标引入到项目里,如果重新添加了图标,就要重新下载来覆盖原项目的图标文件,svg-sprite-loader可以省略这一步骤。
于美美
·
2022-02-12 12:06
Swift之使用自定义
IconFont
IconFont
IconFont
也叫字体图标,顾名思义,就是字体做的图标。受到近些年扁平化设计的影响,越来越多的图标都开始使用
iconfont
。
1693c7e88afe
·
2022-02-12 00:09
2020-06-30 星星评分
:gold;cursor:pointer;}$(function(){letcount=10//设定常数为10letscore=5//设定默认分数为5for(leti=0;i").addClass('
iconfont
最近好嘛
·
2022-02-11 23:43
如何在网页中使用阿里图标
iconfont
(2022最新版详细)
阿里图标
iconfont
使用下载文件使用文件下载文件点击链接进入阿里
iconfont
官网,用手机号注册并登录。
Concision.
·
2022-02-11 18:47
前端
阿里云
小程序
html
css3
vue3.0自定义字体图标使用
以往方法:在
Iconfont
官网中搜索所需图标添加入库添加至项目下载素材至本地页面中引入字体文件使用方法:缺点:项目想要添加新的图标时,需要重复上述操作并重新下载覆盖文件手动分割线解决方案:采用svg-sprite-loader
不懂代码的小白
·
2022-02-11 12:01
webpack4
1.引入
iconfont
首先把生成的
iconfont
文件都扔进项目中。不仅仅只是css!不仅仅只是css!不仅仅只是css!也不用改路径什么的(网上大
天骄卓别
·
2022-02-10 13:00
如何在vue中引用阿里字体图标
想在vue中引用阿里的
iconfont
,却出现报错,原因是没有对应的loader处理字体文件。
8d2855a6c5d0
·
2022-02-09 06:18
loader
/assets/
iconfont
/
iconfont
.css";npmrundevnpmrunbuildcnpminstall--save-devstyle-loaderwebpack.config.js
知识分享share
·
2022-02-07 13:43
如何在微信小程序中使用
iconfont
1.使用GitHub或其他账号登录
iconfont
,将我们需要的字体添加购物车,然后再添加到新建的项目中。项目中的字体2.点击Fontclass选项,查看在线链接,生成代码。
北溟有渔夫
·
2022-02-05 01:18
图标的引用
注意:新版
iconfont
支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式u
咔狼
·
2022-02-04 18:31
vue3中使用
iconfont
图标
vue3中使用
iconfont
图标
iconfont
中点击下载至本地将文件拷贝到项目asset中,(.ttf.woff.woff2)3个文件放入到fonts文件夹下,这个按照个人习惯归类即可,demo文件不用管它
MrWang_06a1
·
2022-02-04 07:08
svg图标封装
PS:注意如果在
iconfont
上下载的SVG图标,请把fill="#ffffff"清除掉,不然自定义样式无法作用到图标上。
imTinaz
·
2022-02-02 23:41
Fabric.js 更换图片的3种方法(包括更换分组内的图片,以及存在缓存的情况)
动手操作接下来有3个案例,使用了2张图片Agumon.png和Bhikkhu.png,图片是在
iconfont
网站上找到的。如果需要使用本案
·
2022-01-14 18:57
Tornadofx学习笔记之IconTextFx开源库整合5000+个字体图标
JavaFx中其实也可以直接使用字体图标
iconfont
的,只需要加载ttf字体文件,之后设置unicode即可,具体可以看我给出的代码既然JavaFx可以,那么以JavaFx为基础的Tornadofx
·
2021-12-21 15:50
支持热重载的svg生成
iconfont
字体图标插件
前言之前生成
iconfont
字体图标,是用的https://icomoon.io/app/或者是阿里的https://www.
iconfont
.cn/,将UI给的svg图导入来生成。
硅谷干货
·
2021-12-21 09:17
Day 9/100 免费生成在线CDN及使用加速的ICON样式文件
(一)需求1、生成在线稳定可用的icon文件;2、CDN加速;3、免费;(二)步骤1、注册登录网站https://www.
iconfont
.cn/2、搜索并添加需要的icon到购物车中3、按照图片步骤将店家添加的文件生成在线的
·
2021-12-06 15:35
前端csscdn
Vite中使用 svg-sprite-loader
本文默认你们了解过SVG,如果不懂会去
iconfont
下也行。
小吉很低调
·
2021-12-03 13:26
VUE项目
iconfont
自定义SVG(非SVG文件)- PUSDN
简述VUE项目
iconfont
自定义SVG,在线或者离线下载的阿里巴巴
iconfont
.js;并非SVG文件;前情提示VUE2;在线或者离线下载的阿里巴巴
iconfont
.js;并非SVG文件;文中使用的
JaneYork
·
2021-11-25 22:19
GrowingIO Design 图标库:从原理到实现
随着前端技术的发展,网页中的图标(Icon)已经不再局限于标签,还有很多实现方式,比如:Sprites(俗称雪碧图)、
IconFont
(字体图标)、SVG等等。
·
2021-11-12 20:48
svgsprites
小程序面试题
App.js项目的入口文件,写入全局的公共方法,像本地存储的数据;App.json底部tab,标题栏和路等设置;App.wxss公共样式,引入
iconfont
等;pages里面包含一个个具体的页面;index.json
qq_40055200
·
2021-11-11 09:49
小程序
前端
微信小程序
微信小程序实现搜索框功能
本文实例为大家分享了微信小程序实现搜索框功能的具体代码,供大家参考,具体内容如下效果:wxml文件:搜索text中需要导入图标样式,这里利用的是
iconfont
url是要跳转的页面.search_input
·
2021-11-06 18:25
上一页
15
16
17
18
19
20
21
22
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他