uniapp使用字体包，更换个性化字体

1、将字体的包体存入在static文件夹下

2、在app.js中引入

@font-face {font-family: my-font;src: url('~@/static/Times New Roman.ttf');
}

3、最后在页面中正常使用就行了

.content {overflow: hidden;position: relative;background: url(../../static/bg.png);background-size: 100% 100%;width: 100vw;height:calc(1080px - 143px);font-family:Times New Roman;margin: 0 auto;}

uniapp使用字体包，更换个性化字体相关推荐

安卓ttf格式的字体包_多看字体包优化篇
写在前面之前我发过帖子,介绍了多看最新推出的悠宋字体,只不过多看买的这个悠宋可以算是极度阉割版,连GBK字库都不完整(不知道方正是不是按字符数算钱的),基本上不能正常使用.而我们在方正官网购买的悠宋 ...
ttf字体包瘦身，ttf字体包提取指定字体，缩小ttf文件体积。
ttf字体包瘦身注:此方法只试用于只需要少数字体的情况. 需求做APP时出现了一个需求,应用登录页面和主页面的系统名称需要根据用户所属行政区划进行动态调节. 为了突出系统名和样式的美观,系统名在显 ...
安卓ttf格式的字体包_【新品】比百思不得姐细一点的小粗黑丨正常大小+小字体...
前阵子雨哥看百思不得姐段子手的时候看到一张图片,然后按图索骥做了一套手机用的字体,分常规大小和80%小字体,详情可以看看下面的链接: [加粗]男女老少皆宜的加粗黑体,老年机+小字体都可以正常大小的可 ...
TextMeshPro中文字体生成和字体材质更换
TextMeshPro中文字体生成和字体材质更换中文字体生成: TextMeshPro是unity提供的相较源Text更加强大,高效的字体组件.但其有一个严重的缺点就是默认不支持中文.所以我们需要制 ...
网页特殊字体包压缩与精简（fontmini）
在进行网页设计时,设计师会经常用到很多造型各异的字体,来提升设计作品的逼格,但在前端代码实现网页设计稿时,由于系统默认或者用户安装的字体格式比较有限,很多特殊字体无法显示出设计效果,此时就需要引入特殊 ...
解决uniapp静态文件字体包太大打包大小超出限制
一.解决uniapp静态文件字体包太大打包大小超出限制 1.在app.vue文件下使用本地文件修改为网络路径文件大小超过20m可以使用cdn加速我使用unicloud(示例): <style ...
uniapp app引入字体包
1.一级目录下创建font目录 2.将字体包文件放入font目录中 3.打开需要使用该字体的页面,在style中添加 XXX代表字体名称
更换网站字体详细教程附字体包
看惯了千篇一律的宋体.微软雅黑等系统自带的字体,想换一个彰显个性的字体.于是在网上找了教程并在自己的博客上用了起来,感觉还不错,在这里分享给大家.(其实网上的教程非常的多,这边也只是做一个简单的搬运) ...
安卓ttf格式的字体包_苹果官网御用字体
平黑(Ping Hei)体由常州华文为苹果公司设计,与西文"Myriad Set Pro"搭配曾用于苹果公司的官网页面.平黑体字面较小,约比正常字体小一号约为90%左右,是一款精致 ...

uniapp使用字体包，更换个性化字体

uniapp使用字体包，更换个性化字体相关推荐

最新文章

热门文章