字体图标

微信小程序中使用 iconfont

若是直接使用url引入，会报错先到阿里巴巴矢量图标库(http://iconfont.cn/))生成自己的字体图标，并下载下来，找到ttf格式文件到这个平台https://transfonter.org
Kailee·2023-10-27 12:20

Axure 9 使用 font awesome 字体发布原型

我使用的版本为Fontawesome6.1.1，安装后在axure中新增3个字体如果直接发布，在没有安装Fontawesome的电脑上无法正常显示字体图标，需要在发布前进行设置。
jerrism·2023-10-27 11:14

2019-10-27

今天上午教会我用一种特别简单的方法就可以弄一个字体图标上去，嗯，叫Bootstrap中文文档，就是里面的组件都是classd一个名字，直接写一个class就可以，老方便了。
张晓慧_19强化班·2023-10-26 11:02

让微信小程序使用base64字体图标icomoon

第二步：在线转换base64编码字体解压icomoon.zip浏览器打开：https://transfonter.org/transfonter.jpg点击“AddFonts"按钮，上传解压文件夹中的字体文件：fonts/icomoon.ttf在下面选项中，将Familysupport，Base64encode两项设置为On，Formats一栏可只勾选woff2(生成文件的字节数少)点击”Conv
soYoung意·2023-10-26 10:01

css样式中 before、after 里面的 content 乱码

目录一、问题二、原因三、总结一、问题1.代码在本地没有问题，打包放在线上在时候，竟然测试测的时候看到element的字体图标有时候显示乱码，如下图1-1所示。
琹箐·2023-10-25 15:35

CSS 基础样式&盒模型&字体图标

1.背景属性描述background简写属性，作用是将背景属性设置在一个声明中background-attachment背景图像是否固定或者随着页面的其余部分滚动background-color设置元素的背景颜色background-image把图像设置为背景background-position设置背景图像的起始位置background-repeat设置背景图像是否及如何重复background
诺CIUM·2023-10-25 15:09

提升网页加载速度

1.减少http请求a)合并脚本和样式表，减少http请求数量从而缩短响应时间b)字体图标c)雪碧图d)图片地图知识点链接：http://www.w3school.com.cn/tags/att_img_usemap.asp
纪梦钰·2023-10-24 18:15

【UNI-APP】新闻资讯APP总结

环境开发模板语法工作内容1首页功能开发1.1初始化数据库1.2.配置tabbar1.3.自定义导航栏1.4.添加小程序的状态栏（导航栏适配小程序）1.5.使用字体图标1.6.选项卡展示1.7.选项卡数据初始化
AQ14_·2023-10-24 13:00

UEditorPlus v3.5.0 支持音频组件，字体图标请求合并，服务器配置优化

UEditor是由百度开发的所见即所得的开源富文本编辑器，基于MIT开源协议，该富文本编辑器帮助不少网站开发者解决富文本编辑器的难点。UEditorPlus是有ModStart团队基于UEditor二次开发的富文本编辑器，主要做了样式的定制，更符合现代浏览器的审美。在开发过程中解决了部分使用上的Bug，期待更多伙伴一期加入维护。版本介绍UEditorPlusv3.5.0已经发布。新增：支持音频插入
ModStartCMS·2023-10-22 10:27

20231010-学习笔记

文章目录定位固定定位小技巧：固定在版心右侧位置元素的显示和隐藏单行文字溢出省略号显示多行文字溢出省略号显示（兼容性有问题）精灵图使用字体图标CSS三角做法界面样式解決图片底部默认空白缝隙问题Bootstrap
ぃ咔哇依°ヽ·2023-10-21 22:01

uview组件使用笔记

上面说到，给组件的name参数传入一个图片的名称即可显示字体图标，这些名称中不能带有/斜杠符号，否则会被认为是传入了图片图标，同时，siz
王家视频教程图书馆·2023-10-20 19:28

04字体及文本样式

font-style用于打开和关闭斜体文本font-weight为字体设置粗细程度font-size为文字指定大小font-family为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体webFont网络字体字体图标
葵Sun·2023-10-20 14:45

icomoon字体图标导入与使用

icomoon字体图标导入与使用进入icomoon官网点击链接进入icomoon官网进入官网，默认会生成一套图标文件，如果不需要可以将所有的文件进行删除。具体操作如下图所示。
一笔一书·2023-10-20 08:32

uni-app

globalStyle全局外观配置1设置单独页面样式2设置h5或其他小程序样式3导航栏tabbar启动模式组件txet属性（文本）view（div）button按钮组件的用法image（图片）屏幕导入css文件字体图标
港岛叔公·2023-10-19 22:50

微信小程序小项目前端实战内容

2、搭建项目1、⽬录结构2、项⽬⻚⾯3、字体与图标在阿里巴巴字体图标网站里面选择字体与图标，添加到项目，选择是否下载到本地，若下载至本地需要把样式文件由css修改为wxss，最后在小程序中引入。
正曦08·2023-10-19 07:36

uni-app的基本使用

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯
時光心向阳·2023-10-18 14:20

Qml使用阿里字体图标库及FontAwesome字体图标库

导入阿里字体图标库1.下载需要的字体图标2.将对应的ttf文件导入到工程资源文件（最好放在.qrc的一级目录下）3.在main函数导入字体图标库if(QFontDatabase::addApplicationFont
Jerry_Wang丶·2023-10-18 03:51

QML 导入ttf图标库

目的：实现Qt导入矢量字体图标库，并在QML中进行调用显示话不多说，给你看看效果图注意：这个音乐符号并不是图片，是文字，有兴趣的请看后文，用不到的请关闭本页面步骤一：下载你喜欢的图标字体库这里我推荐以下两个网站
动物都会叫<^_^>·2023-10-18 03:19

qt使用矢量图字体ttf作为图标

使用字体图标的优势矢量图形相比图片大大节省了存储空间，而且在
边缘计算机·2023-10-18 03:48

qml加载ttf字体库

1,下载获取ttf文件iconfont-阿里巴巴矢量图标库字体图标下载-FontAwesome字体图标中文Icon2,添加到项目文件3,项目添加字体库#include#include#include#includeintmain
dwm88888888·2023-10-18 03:16

file-loader url-loader 图片图标

file-loader和url-loader都是用来处理图片、字体图标等文件url-loader工作时分两种情况：-当文件大小小于limit参数，url-loader将文件转为base-64编码合并到js
Time_Notes·2023-10-17 21:33

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

此文演示如何在小程序上使用iconfont字体图标。
大猪大猪·2023-10-17 16:45

微信小程序设置字体无效_微信小程序自定义字体及自定义图标问题说明

自定义图标及自定义字体，一直是很多小程序开发者的心病，其实本站是很多解决方案的，为了集中起来，方便直接跳过此坑，我特别做了这次针对字体及字体图标的跳坑；相关讨论：Q：小程序开发时能否使用我们自定义的字体图标
weixin_39718006·2023-10-16 22:27

微信小程序使用阿里巴巴iconfont,报错Failed to load font http://at.alicdn.com/t/..........

介绍上篇文章，介绍了，在微信小程序里导入并使用阿里巴巴iconfont图标；但是在页面里使用后，可以看到后台日志有打印错误信息，具体报错如下：分析报这个错，是因为项目里使用了iconfont字体图标，但是这个链接在小程序后台没有备案在后台配置一下白名单即可
发呆的薇薇°·2023-10-16 22:24

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

此文演示如何在小程序上使用iconfont字体图标。
大猪大猪·2023-10-14 22:58

CSS3新特性

CSS3新特性1.1、字体图标何为字体图标？字体图标展示的是图标，本质是字体。
^微凉夏颜^·2023-10-14 06:54

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

此文演示如何在小程序上使用iconfont字体图标。
大猪大猪·2023-10-13 02:57

uniapp自定义字体图标、使用阿里矢量图标库

1、基本使用首先进入阿里图标库网站然后搜索自己想要的图标，中英文都可以，找到之后添加购物车然后在购物车里面添加到项目，如果没有项目的需要先创建一个项目，创建项目很简单就不叙述了然后在资源管理里面可以找到我们的项目2、导入项目可以看到项目中有三种编码形式，统一编码，样式类编码，跟唯一值编码，这里我们使用第二个样式类编码，点开下方的连接，或者复制代码新开空白网页复制链接地址输入回车，然后可以看到我们熟
蕉君桑·2023-10-12 23:17

app自定义图标 vue_【分享】在uniapp的nvue和subNVue中添加本地自定义字体/字体图标的方法...

使用uniapp做开发，时不时会遇到困难。遇到困难时，可以在Dcloud社区和QQ群提问。但Dcloud官方分配于解答开发者疑问的力量远远不足，大多数提问根本不会得到任何回复。我是个暴脾气，很多时候气得捶足顿胸。但那又怎样呢，不回复就是不回复。以前，我对这个问题只会抱怨。后来，我想通了：自己对社区并没有太多贡献，凭什么社区无偿为你解答问题？如果每个人都愿意花一点时间，主动在社区发布一些经验分享，或
weixin_39857211·2023-10-12 22:44

Uniapp引入confont的不显示和无法上传到小程序

uni-app支持使用字体图标，使用方式与普通web项目相同，需要注意以下几点：●字体文件小于40kb，uni-app会自动将其转化为base64格式；●字体文件大于等于40kb，需开发者自己转换，否则使用将不生效
简cere·2023-10-12 22:09

uniapp：使用字体图标

uniapp本身有icon组件，但是数量毕竟有限，如果想要自定义icon，也非常简单。1、在iconfont网站添加需要的图标2、将图标添加至项目3、在我的项目里生成代码4、将生成的文件下载至本地5、把iconfont.css和iconfont.ttf文件拷到static的fonts文件夹下。6、修改iconfont.css文件@font-face{font-family:"iconfont";s
粉末的沉淀·2023-10-12 22:37

微信小程序中的字体图标使用渐变色

1、使用方法：将标阿里云图下载下来，并将压缩包中的字体图标.css文件中的代码拷贝到小程序中的wxss中，建议放在自己代码的最后，方便管理。
Jure_joe·2023-10-12 09:19

Vite+Vue3页面空白、图标不显示问题解决

./',}el-icon图标不显示、打包时mkdir无权限在控制台Network看字体图标的请求，发现地址多了_assets，本以为需要重新配置publicDir，后来发现是vite版本的问题。
Stephy_Yy·2023-10-11 19:46

微信小程序--》从模块小程序项目案例23.10.09

如下：配置tabBar因为配置tabBar需要借助字体图标，我这里平常喜欢使用阿里云字体图标库，所以需要先去阿里云库中找到相关图标：其官方网站：网站链接。
zgscwxd·2023-10-10 14:53

前端面经 前端优化

前端面经前端优化文章目录前端面经前端优化HTTP/2Web优化最佳实践DNS与解析如何使用CDN分发缓存策略页面渲染优化避免CSS、JS阻塞CSS阻塞JS的阻塞改变JS阻塞的方式使用字体图标iconfont
TA_WORLD·2023-10-09 17:05

2019-07-27来黑马程序员的第十六天（上课）

今天讲的知识也是查缺补漏的，先总结如下：一、字体图标概念：将图片做成字体来使用有点：字体相对图片来说容量更小，利于后期的维护使用步骤：1、下载字体2、在页面中引入iconfont.css文件3、挑选对应图标并获取类名二
柯南结局我就改名字·2023-10-06 19:02

vue去哪网项目开发三之首页header区域中iconfont的使用以及代码的优化

1:页面中引入iconfont图标字体首先需要我们去阿里图标网站选择我们所需要的字体图标,下载到我们本地,然后添加到我们的页面上,添加到页面上的具体路径如下:icon图标在页面上的路径.png2:我们将图标放到我们的项目中之后
LI_4058·2023-10-06 09:09

Vue-css字体图标引入 Font Awesome

《FontAwesome》用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利，不管是在加载还是修改方面，字体图符远远优于图片。但是饿了吗封装的ElementUI提供的字体图符少之又少，又不想用图片，只能自己扩展图符咯。FontAwesome提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。还有很多优点不一一举例，
MrHu1·2023-10-06 03:18

uni-app背景图片引用问题及字体图标

2.字体图标1.uni-app中引用iconfont字体图标首先登陆iconfont官网，创建自己的项目，找到需要的图标加入购物车，然后添加到项目中然后找到图标管理，我的项目，点击下载至本地，解压将解压后的
热心市民萝卜先生·2023-10-04 19:50

微信小程序中使用阿里（iconfont）字体图标

这是转载，原出处是这里：https://blog.csdn.net/markkr133/article/details/80287954一、下载图标1、首先在阿里云（iconfont）中找到项目中所需要的图标并且加入到购物车。2、添加至项目并下载本地（1）添加至项目，如图：下（2）选择小程序项目名称并点确定，如图：下（3）选择Unicode，点击‘暂无代码，点此生成’代码，如图：下（4）复制生成的
Kawing_Zhang·2023-10-04 16:26

CSS基础「五」定位

」复合选择器/元素显示模式/背景/三大特性CSS基础「三」盒子模型/产品模块案例/圆角边框/盒子阴影/文字阴影CSS基础「四」浮动\常见网页布局CSS基础「六」元素的显示与隐藏CSS基础「七」精灵图\字体图标
imByte·2023-10-04 15:53

阿里巴巴矢量图标库 字体图标的下载与使用

1、进入阿里巴巴矢量图标库：http://www.iconfont.cn/2、把需要的图标加入购物车3、点击旁边的购物车，点击最下面的下载代码，download.zip。4、代码下载完成后进行解压，找到ttf文件在这里进行转换：https://transfonter.org/，选择base64格式，转换步骤见文末(╹▽╹)5、引入至样式文件①把转换后下载的压缩包解压，把stylesheet.css
喜欢桉树叶·2023-10-03 17:39

element-ui 字体图标显示为方块解决

今天打开自己做的element-ui的后台管理页面，发现element-ui的字体图标无法正常显示了，显示出来的都是小方块1.png之前是以为element里面用了没有的字体图标，重新写在安装后发现问题没有解决
Taec0123·2023-09-29 10:09

uni-app 导航栏使用iconfont 字体图标（unicode引用方式）

复制设置导航栏字体图标："text":"\ue73f","fontSrc":"/static/iconfont/iconfont.ttf"效果图如下：
前端学习007·2023-09-29 04:31

uni-app接入iconfont图标库

在您的模板文件中，使用字体图标的编码或名称添加图标。示例代码：
tianjiaxiaoer·2023-09-29 04:31

uni-app如何正确引用iconfont字体图标

如何在uni-app中正确的引用字体图标库？？？
乆尓丩卮·2023-09-29 04:00

uni-app引入iconfont App不显示H5正常问题

1、iconfont地址https://www.iconfont.cn/2、引入方式离线引入：加入字体图标下载iconfont包修改iconfont.css文件，data:application/x-font-woff2
易航动效·2023-09-29 04:29

uni-app引入iconfont字体图标

script：mounted(){constdomModule=weex.requireModule('dom');domModule.addRule('fontFace',{fontFamily:'iconfont',src:"url('/static/mapIconfont/iconfont.ttf')"});}template：style：.iconfont{font-fam
MINO吖·2023-09-29 04:29

uni-app 使用 iconfont

因为uni-app不能使用本地字体图标库，所以不能直接下载使用。1、将iconfont中需要的图标，加入购物车，然后放到项目。生成在线代码，稍后用。2、下载项目至本地。
hester1·2023-09-29 04:28

uni-app中使用iconfont字体图标

在一些项目中，我们需要使用阿里巴巴矢量字体图标库的图标，如果单个下载势必过于麻烦，这个就是自己创建好然后进入即可。第一步，找到阿里巴巴矢量字体图标库，登录官网。
asteriaV·2023-09-29 04:27
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他