首页 > 其他分享 >uniapp全局修改字体

uniapp全局修改字体

时间:2023-10-16 13:22:38浏览次数:37  
标签:scss uniapp family selffont 字体 全局 font

App.vue中
<style lang="scss">
	/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
	
	@font-face {
		font-family: 'selffont';
		src: url("/static/fonts/AlimamaFangYuanTiVF-Thin.ttf");
	}
	
	* {
		font-family: "selffont", sans-serif !important;
	}
</style>


标签:scss,uniapp,family,selffont,字体,全局,font
From: https://www.cnblogs.com/chunyouqudongwuyuan/p/17767136.html

相关文章

  • 在Vite项目中使用scss创建全局变量
    配置这个也就是配置全局scss的过程,在vite.config.ts的defineConfig中添加属性,其中additionalData为scss中引入文件的书写方式://scss全局变量的配置css:{preprocessorOptions:{scss:{javascriptEnabled:true,additionalData:'@import"......
  • uniapp系列-图文并茂教你配置uniapp开发环境
    环境安装1.安装node.js(版本18+/16+)在搭建Vue开发环境之前,请先下载node.js。Node可从官方网站下载,也可从中文网站下载。根据你的电脑选择32位或64位。网站:Node或者访问历史版本查看node版本C:\Users>node-v#v16.15.02.安装yarnnpminstall-gy......
  • 用js当页面大小改变时改变字体大小
    商务合作<!DOCTYPEhtml><html><bodyonresize="s()"><divstyle="width:25%;color:red;"id='demo'><spanid="zt">商务合作</span></div></body></html><script>......
  • Vue学习笔记(十):全局事件总线
      之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据,这种方式在只有一层嵌套层时可以使用,但是路过存在多层嵌套,多层多个“兄弟”组件之间传递数据,就非常麻烦。对此,vue中提供了一种全局事件总线机制,数据传递是通过一个空的Vue实例作为中央事件总线,通过它......
  • 【前端css】全局修改css让网页置灰,去掉色彩
    html{filter:grayscale(100%);//IE浏览器-webkit-filter:grayscale(100%);//谷歌浏览器-moz-filter:grayscale(100%);//火狐-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);......
  • 解决uniapp button type ts类型冲突问题
     安装类型声明文件npmi-D@dcloudio/typesminiprogram-api-typings @uni-helper/uni-app-types @uni-helper/uni-ui-types//tsconfig.json{"compilerOptions":{//..."types":["@dcloudio/types",//uni-appAPI类型......
  • 【Python&语义分割】Segment Anything(SAM)模型全局语义分割代码+掩膜保存(二)
    ​ 我上篇博文分享了SegmentAnything(SAM)模型的基本操作,这篇给大家分享下官方的整张图片的语义分割代码(全局),同时我还修改了一部分支持掩膜和叠加影像的保存。1SegmentAnything介绍1.1概况        MetaAI公司的SegmentAnything模型是一项革命性的技术,该模型能......
  • uniapp部分浏览器input框设置disabled之后点击事件不生效
    给input设置css属性,外边包个盒子抛出点击事件 .disabled{pointer-events:none;}......
  • JavaScript :全局对象
    全局对象是一个常规的JavaScript对象,具有非常重要的用途:该对象的属性是全局定义的标识符,可供JavaScript解释器启动(或每当Web浏览器加载新页面时)使用,它会创建一个新的全局对象对象并为其提供一组初始属性,这些属性定义:全局常量,例如undefined、infinity和NaN。全局函数,如isN......
  • Destoon Global 全局函数对应表
    函数名称https://www.clw9335.com/gl/index-htm-page-5.html作用参数dhtmlspecialchars($string)替换字符串中的&为&字符串daddslashes($string)字符转译字符串dstripslashes($string)字符反转译字符串dsafe($string)字符......