首页 > 其他分享 >Next 设置字体文件cdn 或者本地

Next 设置字体文件cdn 或者本地

时间:2024-11-06 18:30:41浏览次数:1  
标签:PuHuiTi ali cdn normal Next 字体 font woff2

@font-face {
  font-family: 'font-ali-bold';
  src: url('https://cdnurl/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

  tailwind 设置 fontFamily  直接使用变量,   直接在className上写    font-ali  即可应用该字体

 

 本地:

// const aliFontRegular = localFont({
//   src: './Alibaba-PuHuiTi-Regular.woff2',
//   weight: "400",
//   variable: "--font-ali",
// })

  

tailwind中应用红框的变量即可

 然后在body上引入字体变量

 

标签:PuHuiTi,ali,cdn,normal,Next,字体,font,woff2
From: https://www.cnblogs.com/xiaoyaoweb/p/18530795

相关文章

  • 华为大气啊!HarmonyOS NEXT公测发福利~这个可以有
    HarmonyOSNEXT火热公测中,首批100万名公测用户速来领取多重权益!华为视频、华为阅读、音乐、主题、云空间、天际通等应用会员一应俱全;还有爱奇艺、哔哩哔哩、芒果TV、WPS、喜马拉雅、优酷六大应用的会员季卡6选2,这一波不得不说华为大气!......
  • 鸿蒙 Next 实战:构建安全高效的在线支付应用
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)在开发多语言电商平台方面的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。在数字化金融......
  • Flutter+鸿蒙NEXT开发获取系统文件路径
    Flutter+鸿蒙NEXT开发获取系统文件路径在具体的开发过程中,有时需要获取临时目录、文档目录等需求.本文具体讲解怎么在Flutter中可以利用path_provider插件来完成此项工作,OpenHarmonySIG组织对该插件做了鸿蒙NEXT系统的适配,接下来将详细讲解如何利用path_provider插件来获取系统文......
  • 鸿蒙 next 实现应用内的暗黑模式切换
    鸿蒙next实现应用内的暗黑模式切换实现暗黑模式的大致思路是利用@Provider与@Consume共享一个lightMode变量,在页面创建时读取持久化的lightMode,来实现暗黑模式。1.在Entry页面使用@Provide注解lightMode@Entry@ComponentstructQuickTestMainPage{@Providelig......
  • 阿里云cdn缓存过期时间,会导致服务器流量消耗,尤其是大文件
    您成功添加域名后,可以修改缓存时间。设置的缓存时间长短会导致回源流量不一样,费用也有所不同,建议根据不同的业务需求设置缓存时长。缓存过期时间会影响回源频率,建议根据实际业务需求设置资源缓存时长。缓存过期时间过短,会导致CDN频繁回源,增加源站的流量消耗;缓存过期时间过长,会......
  • 基于centos7制作JDK镜像以及字体安装
    1、编辑DockerfileviDockerfileFROMcentos:7MAINTAINERjdk8WORKDIR/usr/local/ADDjdk-8u371-linux-x64.tar.gz/usr/local/RUNln-sf/usr/share/zoneinfo/Asia/Shanghai/etc/localtimeENVJAVA_HOME=/usr/local/jdk1.8.0_371ENVCLASSPATH=.:$JAVA_HOME/lib/dt......
  • 鸿蒙Next安全控件深度揭秘:粘贴与保存控件全解析
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)在开发多语言电商平台方面的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。在鸿蒙Next......
  • 鸿蒙Next安全访问新范式:系统Picker与安全控件解析
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)在开发多语言电商平台方面的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。在当今数字化......
  • vue项目接入CDN域名:你可能会碰到的问题
    背景项目需要接入cdn加速域名,但只能在生产环境验证。所以发版之前本地先准备好cdn的包,然后发版的时候部署到生产环境,结果发现,点击菜单后页面的URL不对了,静态资源加载是可以的。本来页面URL是这样的:test.com/app/xpg/ind…但点击菜单后,把cdn的域名加上去了:test.com/https://c......
  • 移植 AWTK 到 纯血鸿蒙 (HarmonyOS NEXT) 系统 (8) - 原生输入法
    AWTK在嵌入式平台使用内置的输入法,在移动设备上使用系统的原生输入法。在AWTK-Android和AWTK-IOS中,使用的是SDL封装之后的系统原生输入法。在AWTK-HarmonyOS中,要使用系统的原生输入法。需要实现input_method接口:1.启动输入法编辑器得到焦点时,启动输入法。调......