Next 设置字体文件cdn 或者本地-编程知识

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

news/2024/11/6 18:38:14/文章来源:https://www.cnblogs.com/xiaoyaoweb/p/18530795

@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上引入字体变量

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/827787.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

WPF的入门学习

环境的搭配我们通过VS的官网来安装的VS2022，安装上C#的功能，这样就完成了环境的搭配第一个wpf工程打开vs2022，点击如图的创建新的工程。点选WPF的项目配置一个新的项目这样就完成了项目的创建项目结构介绍一下大概的项目结构在APP.XAml文件中，设置我们的窗体入口界面的…

【安全架构】权限控制模型

原创大袤宏图不同的权限模型提供了灵活的访问控制策略，本文绘制了不同模型的ER图，探讨这些模型的原理及适用场景。一、访问控制列表模型访问控制列表模型(Access Control List, ACL) 基于资源的访问控制列表，每个资源都有一个列表记录哪些用户可以对其进行哪些操作，适用…

不用代码，2小时搞定自己的网站

之前有许多人咨询过怎么建个官网，有没有便宜，省事，且数据由自己掌控的方式。毕竟一个企业在初期，如果不是IT行业，不一定有程序员，但是数据由自己掌握，未来发展壮大了，人员角色被齐了，就可以在原来的基础上做更好的发展了。最近我也把玩了一个自助建站的产品，快速试…

PentesterTools：简单的SQLMap图形化辅助工具

原创 XiaoTouMingyo Hack分享吧免责声明该公众号分享的安全工具和项目均来源于网络，仅供安全研究与学习之用，如用于其他用途，由使用者承担全部法律及连带责任，与工具作者和本公众号无关。工具介绍 SQLmap辅助工具是一款图形用户界面（GUI）工具，旨在简化和增强SQLmap的使…

【Xshell】高级用法: “隧道转发”

原创大龙山悟道 IT运维不跑路xshell隧道转发类型类型一：本地拨出 Local(Outgoing)作用：将本地计算机指定的某个端口连接到远程服务器的一个指定端口上。应用场景：当从本地机器安全地访问位于远程服务器上的服务（如数据库、web服务等）时使用。工作原理：通过SSH连接，用…

【安全运维】检测即代码(DAC) 详细步骤

原创 Zafkie1 SecLink安全空间引言 DAC(Detection As Code)，检测即代码是一种战略方法，可将安全检测机制无缝集成到软件开发生命周期中。通过将安全控制视为代码，组织可以在整个SIEM运维过程中自动部署、配置和维护安全措施。或许很多人听说过DAC的概念，但是并没有一步步地…

有道领世视频课程下载工具，如何在电脑端下载有道领世视频课程到本地？

一. 安装有道领世课程下载器 1.获取学无止下载器 https://www.xuewuzhi.cn/ydshengxue_downloader 2.下载安装后，然后点击桌面快捷方式运行即可。注意：杀毒软件可能会阻止外部exe文件运行，并将其当做成病毒，直接添加信任即可，本软件绝对没有木马病毒。二. 使用说明 1.学…

chapter15

relocation.py参数第一题问题用种子 1、2 和 3 运行，并计算进程生成的每个虚拟地址是处于界限内还是界限外?如果在界限内，请计算地址转换。种子为1时：种子为2时：种子为3时：第二题问题使用以下标志运行：-s 0 -n 10。为了确保所有生成的虚拟地址都处于边界内，要将-l（界…

23设计模式详解

参考博客 https://baijiahao.baidu.com/s?id=1758410771062793648&wfr=spider&for=pc 设计模式（Design pattern） """ 对软件开发中【普遍存在（反复出现）的问题】，而提出的【解决方案】。每一个设计模式系统地命名、解释和评价了面向对象系统中一…

DearPyGui环境配置

DearPyGui 是一个基于Python的图形用户界面（GUI）工具包，它以简单易用而著称。这个库利用GPU加速渲染和高效的C/C++底层代码，确保了出色的性能和稳定性。DearPyGui支持异步函数，能够绘制大量数据点而不影响帧率，还内置了一个节点编辑器和实时开发调试工具。它适用于Window…

oasys系统代码审计

oasys是一个OA办公自动化系统，使用Maven进行项目管理，基于springboot框架开发的项目，mysql底层数据库，前端采用freemarker模板引擎，Bootstrap作为前端UI框架，集成了jpa、mybatis等框架。简述： oasys是一个OA办公自动化系统，使用Maven进行项目管理，基于springboot框架开…

科大讯飞离线lunix tts demo使用

项目中需要用到后台服务端用文本生成语音，网上大部分都是通过ai大模型推理出来的，还有写其他方式的，效果和生成时间都比较不理想，但是讯飞生成的只需要零点几秒，不愧是行业NO1，下面说下怎么使用。 1、下载官方demo。 2、在官方demo目录下，执行source 32bit_make.sh 或64…

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

相关文章