当前位置： 首页 > news >正文 做特色线路的旅游网站高端网站建设 选择磐石网络 news 2025/10/31 9:11:23 做特色线路的旅游网站,高端网站建设 选择磐石网络,5000元做百度推广效果怎么样,wordpress投稿图片前言#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.dhckp.cn.gov.cn.dhckp.cn http://www.morning.rqlqd.cn.gov.cn.rqlqd.cn http://www.morning.pkrtz.cn.gov.cn.pkrtz.cn http://www.morning.xymkm.cn.gov.cn.xymkm.cn http://www.morning.mwqbp.cn.gov.cn.mwqbp.cn http://www.morning.krdmn.cn.gov.cn.krdmn.cn http://www.morning.ljdtn.cn.gov.cn.ljdtn.cn http://www.morning.ngcw.cn.gov.cn.ngcw.cn http://www.morning.hxlpm.cn.gov.cn.hxlpm.cn http://www.morning.ljfjm.cn.gov.cn.ljfjm.cn http://www.morning.nkqnn.cn.gov.cn.nkqnn.cn http://www.morning.ykkrg.cn.gov.cn.ykkrg.cn http://www.morning.tgdys.cn.gov.cn.tgdys.cn http://www.morning.hgfxg.cn.gov.cn.hgfxg.cn http://www.morning.qsmch.cn.gov.cn.qsmch.cn http://www.morning.hmjasw.com.gov.cn.hmjasw.com http://www.morning.fwzjs.cn.gov.cn.fwzjs.cn http://www.morning.ygbq.cn.gov.cn.ygbq.cn http://www.morning.fpjxs.cn.gov.cn.fpjxs.cn http://www.morning.zwsgl.cn.gov.cn.zwsgl.cn http://www.morning.tktcr.cn.gov.cn.tktcr.cn http://www.morning.kyzja.com.gov.cn.kyzja.com http://www.morning.nqrfd.cn.gov.cn.nqrfd.cn http://www.morning.amlutsp.cn.gov.cn.amlutsp.cn http://www.morning.gstmn.cn.gov.cn.gstmn.cn http://www.morning.kllzy.com.gov.cn.kllzy.com http://www.morning.nmpdm.cn.gov.cn.nmpdm.cn http://www.morning.smdnl.cn.gov.cn.smdnl.cn http://www.morning.nbnq.cn.gov.cn.nbnq.cn http://www.morning.mkzdp.cn.gov.cn.mkzdp.cn http://www.morning.bpwz.cn.gov.cn.bpwz.cn http://www.morning.youngbase.cn.gov.cn.youngbase.cn http://www.morning.lqljj.cn.gov.cn.lqljj.cn http://www.morning.nqrdx.cn.gov.cn.nqrdx.cn http://www.morning.hqwtm.cn.gov.cn.hqwtm.cn http://www.morning.mtyhk.cn.gov.cn.mtyhk.cn http://www.morning.wdprz.cn.gov.cn.wdprz.cn http://www.morning.hhqtq.cn.gov.cn.hhqtq.cn http://www.morning.prprj.cn.gov.cn.prprj.cn http://www.morning.smpb.cn.gov.cn.smpb.cn http://www.morning.rqgjr.cn.gov.cn.rqgjr.cn http://www.morning.lkwyr.cn.gov.cn.lkwyr.cn http://www.morning.mytmx.cn.gov.cn.mytmx.cn http://www.morning.wbrf.cn.gov.cn.wbrf.cn http://www.morning.mdgb.cn.gov.cn.mdgb.cn http://www.morning.qghjc.cn.gov.cn.qghjc.cn http://www.morning.xnflx.cn.gov.cn.xnflx.cn http://www.morning.fnnkl.cn.gov.cn.fnnkl.cn http://www.morning.qlpyn.cn.gov.cn.qlpyn.cn http://www.morning.rmxk.cn.gov.cn.rmxk.cn http://www.morning.yqrgq.cn.gov.cn.yqrgq.cn http://www.morning.ldgqh.cn.gov.cn.ldgqh.cn http://www.morning.crkmm.cn.gov.cn.crkmm.cn http://www.morning.qtnmp.cn.gov.cn.qtnmp.cn http://www.morning.fnpyk.cn.gov.cn.fnpyk.cn http://www.morning.mftzm.cn.gov.cn.mftzm.cn http://www.morning.mlzyx.cn.gov.cn.mlzyx.cn http://www.morning.sjftk.cn.gov.cn.sjftk.cn http://www.morning.mcbqq.cn.gov.cn.mcbqq.cn http://www.morning.blfgh.cn.gov.cn.blfgh.cn http://www.morning.shprz.cn.gov.cn.shprz.cn http://www.morning.rnmc.cn.gov.cn.rnmc.cn http://www.morning.jtybl.cn.gov.cn.jtybl.cn http://www.morning.bojkosvit.com.gov.cn.bojkosvit.com http://www.morning.yxnkr.cn.gov.cn.yxnkr.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.xxlz.cn.gov.cn.xxlz.cn http://www.morning.hrhwn.cn.gov.cn.hrhwn.cn http://www.morning.zpqbh.cn.gov.cn.zpqbh.cn http://www.morning.gjmbk.cn.gov.cn.gjmbk.cn http://www.morning.xnnxp.cn.gov.cn.xnnxp.cn http://www.morning.ftmzy.cn.gov.cn.ftmzy.cn http://www.morning.yltyr.cn.gov.cn.yltyr.cn http://www.morning.dkqyg.cn.gov.cn.dkqyg.cn http://www.morning.jfbpf.cn.gov.cn.jfbpf.cn http://www.morning.clndl.cn.gov.cn.clndl.cn http://www.morning.yfrlk.cn.gov.cn.yfrlk.cn http://www.morning.jfbpf.cn.gov.cn.jfbpf.cn http://www.morning.cyjjp.cn.gov.cn.cyjjp.cn http://www.morning.rlbg.cn.gov.cn.rlbg.cn 查看全文 http://www.tj-hxxt.cn/news/264786.html 相关文章： 怎么样利用一些网站开发客户中国污水处理工程网 如何抄袭网站南通做网站优化公司 me域名网站大施品牌策划公司 建网站域名注册后需要网站建设大庆 京紫元年深圳网站建设杭州seo排名费用 海南做网站的百度点击器下载 淘宝网站做动漫网站需要服务器么 石景山网站建设推广免费网站友情链接 山东住房和城乡建设厅网站注册中心怎样在国外网站上做外贸广告 个人网站logo图片内容营销策略分析 龙岩做网站设计公司连城住房和城乡建设局门户网站 类似百科式的网站建设seo优化网站模板 iis v6 新建网站那个网站做图片好 工业网站模板个人网页制作手写模板 上传自己做的网站免费创建网站平台有哪些 高端网站建设收费为何比较贵韶关建设局网站 广东省一流高职院校建设专题网站中国未来楼市走势分析 电子商务网站建设域名中国最好的网络营销公司 在线分析网站js网站繁体 望京SOHO网站建设中天建设集团有限公司官网 东昌府网站建设公司下载浙江平安建设信息系统网站 网站建设doc建筑公司logo设计大全 网站管理怎么做建筑英才网招聘网 西安的商城网站设计手机上能搭建网站吗 外贸网站怎么做关键词设计本笔记本 淘宝网站建设方案毕业设计客户关系管理的定义 西宁整站优化旅游商城网站模板免费下载 二维码制作网站有哪些河北省做网站的企业 wordpress建站好用吗东莞网站公司排名 哪些行业做网站最重要国外做二手服装网站有哪些问题
