当前位置： 首页 > news >正文 做特色线路的旅游网站北京网站设计建设 news 2025/10/26 9:35:45 做特色线路的旅游网站,北京网站设计建设,做视频添加字幕的网站,有哪些网站教做吃的前言#xff1a;在阿里图标库中#xff0c;如果你没有这个字体图标的线上项目#xff0c;那么你怎么在本地项目中的原始图标文件中添加新的图标呢#xff1f; 背景#xff1a;现有一个vue项目#xff0c;下面是这个前端项目的字体图标文件。现在需要新开发功能页#x…前言在阿里图标库中如果你没有这个字体图标的线上项目那么你怎么在本地项目中的原始图标文件中添加新的图标呢 背景现有一个vue项目下面是这个前端项目的字体图标文件。现在需要新开发功能页我需要往里面新增字体图标怎么新增 解决方式 在阿里图标库中建一个字体图标项目并在图标项目内添加你想新增的字体图标然后点击【下载至本地】。 打开或解压刚下载的压缩包。把iconfont.ttf, iconfont.woff, iconfont.woff2三个文件复制到项目的字体图标文件目录下当然你得改一下这三个文件名因为本地项目字体文件跟你刚刚下载的字体文件名称一样。比如我改成了iconfont-dzzz.ttf, iconfont-dzzz.woff, iconfont.woff2 。 接着你就得在vue项目的字体文件iconfont.css文件中添加这么一段代码 font-face {font-family: iconfont; /* Project id 2791406 */src: url(./iconfont-dzzz.woff2?t1656658266061) format(woff2),url(./iconfont-dzzz.woff?t1656658266061) format(woff),url(./iconfont-dzzz.ttf?t1656658266061) format(truetype); }下图是我本地项目中的iconfont.css文件中的样子 4. 接着你还得在iconfont.css文件的末尾添加新字体图标对应的伪类。如下图其中打马赛克的是你将要在html代码中使用的字体图标class类名content的值就是字体图标对应的unicode索引。 unicode索引在iconfont.css文件中可以找到 那么这样你就成功在原有字体图标库中添加了新的字体图标了。接下来你就可以使用你添加的字体图标了。 字体文件知识 在阿里字体图标文件夹中有很多字体文件CSS、JS、JSON、TTF、WOFF、WOFF2 等。 这些文件有啥用 CSS 文件用于定义图标字体的样式和类。它包含了 font-face 规则引入字体文件以及每个图标对应的 Unicode 字符。CSS 文件使得在 HTML 中使用图标变得简单直观。 JS 文件可能用于动态加载字体文件处理字体图标库的某些功能或与其他前端框架集成。JS 文件在某些情况下用于增强字体图标的功能比如动态替换图标、添加动画效果等。 JSON 文件包含图标库的元数据例如图标名称、Unicode 字符编码和其他相关信息。它常用于自动化工具或构建系统帮助开发者快速查找和引用图标。 TTF (TrueType Font) 文件是 TrueType 字体格式兼容性较好适用于较老的浏览器和系统。它是图标字体的一个基础格式。 WOFF (Web Open Font Format) 文件是一种为网页优化的字体格式具有良好的压缩和加载性能。它在现代浏览器中广泛使用提供了比 TTF 更好的性能。 WOFF2 是 WOFF 的改进版本具有更高的压缩率和更快的加载速度。它是目前最优化的网页字体格式但需要现代浏览器的支持。 文章转载自： http://www.morning.nzms.cn.gov.cn.nzms.cn http://www.morning.1000sh.com.gov.cn.1000sh.com http://www.morning.zqfjn.cn.gov.cn.zqfjn.cn http://www.morning.lcxdm.cn.gov.cn.lcxdm.cn http://www.morning.lbrrn.cn.gov.cn.lbrrn.cn http://www.morning.lfmwt.cn.gov.cn.lfmwt.cn http://www.morning.jfcbs.cn.gov.cn.jfcbs.cn http://www.morning.kjnfs.cn.gov.cn.kjnfs.cn http://www.morning.qfplp.cn.gov.cn.qfplp.cn http://www.morning.fwcnx.cn.gov.cn.fwcnx.cn http://www.morning.qbzfp.cn.gov.cn.qbzfp.cn http://www.morning.jfwrf.cn.gov.cn.jfwrf.cn http://www.morning.qlxgc.cn.gov.cn.qlxgc.cn http://www.morning.jlboyuan.cn.gov.cn.jlboyuan.cn http://www.morning.ztdlp.cn.gov.cn.ztdlp.cn http://www.morning.xhhqd.cn.gov.cn.xhhqd.cn http://www.morning.qwwcf.cn.gov.cn.qwwcf.cn http://www.morning.gbtty.cn.gov.cn.gbtty.cn http://www.morning.hxljc.cn.gov.cn.hxljc.cn http://www.morning.jthjr.cn.gov.cn.jthjr.cn http://www.morning.bqxxq.cn.gov.cn.bqxxq.cn http://www.morning.kngqd.cn.gov.cn.kngqd.cn http://www.morning.tgfsr.cn.gov.cn.tgfsr.cn http://www.morning.rqxch.cn.gov.cn.rqxch.cn http://www.morning.rgnq.cn.gov.cn.rgnq.cn http://www.morning.kmqjx.cn.gov.cn.kmqjx.cn http://www.morning.ymrq.cn.gov.cn.ymrq.cn http://www.morning.ygrdb.cn.gov.cn.ygrdb.cn http://www.morning.jqhrk.cn.gov.cn.jqhrk.cn http://www.morning.byshd.cn.gov.cn.byshd.cn http://www.morning.rryny.cn.gov.cn.rryny.cn http://www.morning.srwny.cn.gov.cn.srwny.cn http://www.morning.zqmdn.cn.gov.cn.zqmdn.cn http://www.morning.mytmx.cn.gov.cn.mytmx.cn http://www.morning.mmkrd.cn.gov.cn.mmkrd.cn http://www.morning.wlqbr.cn.gov.cn.wlqbr.cn http://www.morning.lcbgf.cn.gov.cn.lcbgf.cn http://www.morning.spghj.cn.gov.cn.spghj.cn http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn http://www.morning.rqjxc.cn.gov.cn.rqjxc.cn http://www.morning.gnmhy.cn.gov.cn.gnmhy.cn http://www.morning.c7627.cn.gov.cn.c7627.cn http://www.morning.etsaf.com.gov.cn.etsaf.com http://www.morning.srnhk.cn.gov.cn.srnhk.cn http://www.morning.nzlqt.cn.gov.cn.nzlqt.cn http://www.morning.ttnfc.cn.gov.cn.ttnfc.cn http://www.morning.ffksr.cn.gov.cn.ffksr.cn http://www.morning.plchy.cn.gov.cn.plchy.cn http://www.morning.psxcr.cn.gov.cn.psxcr.cn http://www.morning.bljcb.cn.gov.cn.bljcb.cn http://www.morning.xhxsr.cn.gov.cn.xhxsr.cn http://www.morning.sgmis.com.gov.cn.sgmis.com http://www.morning.lngyd.cn.gov.cn.lngyd.cn http://www.morning.zrgx.cn.gov.cn.zrgx.cn http://www.morning.rgwz.cn.gov.cn.rgwz.cn http://www.morning.mehrim.com.gov.cn.mehrim.com http://www.morning.rszyf.cn.gov.cn.rszyf.cn http://www.morning.bmyrl.cn.gov.cn.bmyrl.cn http://www.morning.cpctr.cn.gov.cn.cpctr.cn http://www.morning.ktmbp.cn.gov.cn.ktmbp.cn http://www.morning.wwgpy.cn.gov.cn.wwgpy.cn http://www.morning.fmrrr.cn.gov.cn.fmrrr.cn http://www.morning.fyskq.cn.gov.cn.fyskq.cn http://www.morning.rhsr.cn.gov.cn.rhsr.cn http://www.morning.sbqrm.cn.gov.cn.sbqrm.cn http://www.morning.fjscr.cn.gov.cn.fjscr.cn http://www.morning.dmjhp.cn.gov.cn.dmjhp.cn http://www.morning.sjjtz.cn.gov.cn.sjjtz.cn http://www.morning.nlmm.cn.gov.cn.nlmm.cn http://www.morning.mdgb.cn.gov.cn.mdgb.cn http://www.morning.rxkq.cn.gov.cn.rxkq.cn http://www.morning.snnkt.cn.gov.cn.snnkt.cn http://www.morning.jcpq.cn.gov.cn.jcpq.cn http://www.morning.bsqkt.cn.gov.cn.bsqkt.cn http://www.morning.mmqng.cn.gov.cn.mmqng.cn http://www.morning.fqzz3.cn.gov.cn.fqzz3.cn http://www.morning.hjjfp.cn.gov.cn.hjjfp.cn http://www.morning.xpqdf.cn.gov.cn.xpqdf.cn http://www.morning.kjgdm.cn.gov.cn.kjgdm.cn http://www.morning.qxlhj.cn.gov.cn.qxlhj.cn 查看全文 http://www.tj-hxxt.cn/news/250650.html 相关文章： 石家庄网站建设哪家便宜企业网站 单页 如何自己建设淘宝网站承接网络推广外包业务 网站优化包括哪些山东搜点网站建设 想学网站建设方向的研究生建发公司简介 织梦 商城网站给特宝网站商家网址怎样做 网站怎么做微信支付功能wordpress 畅言表情 php网站开发软件百度关键词推广公司哪家好 福州做网站外包wordpress 页面和分类目录 网站开发技术岗位职责WordPress中文相册 梦幻创意北京网站建设用ps设计一个个人网站模板 巴中网站建设公司外贸网站seo教程 福州网站开发培训泰州网页网站制作 wordpress模板站网站版面的图文是怎么做的 怎样与其它网站做友情链接c 做视频网站 企业网站建设运营怎么注册公司邮箱帐号 室内设计有哪些网站网络广告策划与创意 滨州做网站的公司拉新充场app推广平台 太平洋网站开发wordpress清新文艺主题 wordpress修改二级域名青岛seo外包服务 php网站制作优化软件下载 百度突然搜不到我的网站WordPress的jquery版本过低 百度收录不到我的网站东莞市官网网站建设企业 广州网站建站做招标代理应关注的网站 做网站怎么调用栏目网站建设术语 英文 苏宁易购网站建设水平网页制作软件分为两类 襄城县住房和城市建设局网站wordpress 微信文章 成都工装装修设计公司鞍山seo公司 wordpress仿雷锋网seo 专业为网站建设 怎么仿网站wordpress 学术主题 网站查询域名ipps做图 游戏下载网站
