uni-app引入阿里巴巴icon在线图标

引入方法采用weex的addRule方法，在这之前要确保在manifest.json中配置好 "app-plus"中的"renderer": "native", "nvueCompiler":"uni-app", //是否启用 uni-app 模式。

使用addRule方法时，fontfamily首先设置一个名字，这个名字在后面自定义style时使用，最后引用该style即可。

<template><view><text class="myfont" style="font-size: 80px;"></text><text class="myfont" style="font-size: 80px;"></text></view>
</template><script>export default {data() {return {};},onLoad() {const domModule = weex.requireModule('dom');domModule.addRule('fontFace', {'fontFamily': "iconfont1",'src': "url('https://at.alicdn.com/t/font_2418732_ra1vy7376ef.ttf')"});},methods: {}};</script><style>.myfont {color: green;font-size: 36px;font-family: iconfont1;}
</style>

后面可以直接写在app.vue中，直接在app启动时候就加载字体。

uni-app引入阿里巴巴icon在线图标相关推荐

Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）
阿里巴巴矢量图标库官网https://www.iconfont.cn/ 1.把选好的矢量图标库下载至本地并解压 2.复制解压的文件到项目中 3.在项目中配置 1.main.js/ts中配置 2.引入样 ...
微信小程序开发-引入阿里巴巴矢量icon图标库
微信小程序开发-引入阿里巴巴矢量icon图标库 https://blog.csdn.net/tang1392/article/details/78927107
vue引入阿里巴巴图标(含彩色图标)
第一步:下载阿里巴巴图标库的资源到本地. 第二步:在自己的assets创建一个icon文件,然后把下载的东西选择放进去. 第三步:在main.js引入 import './assets/icon/ic ...
整理在小程序页面样式中引入阿里巴巴字体图标
整理在小程序页面样式中引入阿里巴巴字体库 1.登录阿里巴巴字体图标 2.在小程序项目中配置 1.登录阿里巴巴字体图标点我阿里巴巴字体图标库搜索需要的字体图标将需要的字体图标点击添加到购车中添加 ...
Vue项目引入阿里巴巴矢量图标库
添加图标并下载一.点击图标管理–>我的项目,创建项目简单点~填个项目名即可二.选择一个图标,加入购物车点击右上角购物车的图标,添加至项目(可以直接点击下载代码,不需要创建项目,但是如果是 ...
微信小程序引入阿里巴巴图标库（不下载）
微信小程序引入阿里巴巴图标库(不下载)@TOC 阿里图标地址:https://www.iconfont.cn 第一步:选择资源管理-我的项目-选择Font class-查看在线链接-点击下方css链接 ...
【微信小程序】如何使用阿里巴巴的icon自定义图标以及简单的下拉框组件实现全过程
前言小编我将用CSDN记录软件开发之路上所学的心得与知识,有兴趣的小伙伴可以关注一下!也许一个人独行,可以走的很快,但是一群人结伴而行,才能走的更远!让我们在成长的道路上互相学习,让我们共同进步! ...
uni-app引入阿里巴巴矢量库（iconfont）图标
标题uni-app引入阿里巴巴矢量库(iconfont)图标进入官网,下载到本地需要使用的的文件在uni项目中根目录下的static下创建文件夹iconfont 将这里这个iconfont.cs ...
项目中引入阿里巴巴图标——iconfont图标的使用-svg格式
项目中引入阿里巴巴图标--iconfont图标的使用-svg格式一.下载图标 1.先进入iconfont.cn页面 iconfont官网:https://www.iconfont.cn/ 2.登陆, ...
原生小程序之引入 icon字体图标
目录原生小程序之引入 icon字体图标字体图标的配置原生小程序之引入 icon字体图标 icon官网 01:挑选对应的字体图标 02:添加入项目 ( 需要自己创建一个项目 ) 03:点击下 ...

uni-app引入阿里巴巴icon在线图标

uni-app引入阿里巴巴icon在线图标相关推荐

最新文章

热门文章