首页 > 其他分享 >vue3 门户网站搭建8-字体

vue3 门户网站搭建8-字体

时间:2023-03-03 10:46:10浏览次数:67  
标签:门户网站 默认 字体 vue3 下载 搭建

浏览器默认的可选字体比较少,如果没有合适的则需要额外下载并引入。

一般使用 开源字体即可,商用需要花钱~

 

将下载好的 ttf 格式字体放入项目下文件夹:

 

样式文件中增加配置:(main.css)

 

即可看到效果:(左为默认,右为江城圆体)

 

字体网:

https://www.qiuziti.com

标签:门户网站,默认,字体,vue3,下载,搭建
From: https://www.cnblogs.com/guofan/p/17174714.html

相关文章

  • 轻量级CI/CD发布部署环境搭建及使用_05_安装宿主机环境(jdk、nodejs、maven、python2)
    轻量级CI/CD发布部署环境搭建及使用_05_安装宿主机环境(jdk、nodejs、maven、python2)尽自己的绵薄之力,为开源技术分享添砖加瓦本篇幅较多,请按步骤实验安装,截图中涉及的......
  • kkfileview搭建实战
     配合FTP服务器搭建:(不支持中文目录或文件名)dockerrun-d-v/home/vsftpd:/home/vsftpd\-p20:20-p21:21-p21100-21110:21100-21110\-eFTP_USER=admin-eFT......
  • 彩虹个人发卡网源码+免签易支付源码接口+搭建教程
    在全球大流行的时代,一个平稳运行的支付网关发卡系统是经营具有大量在线业务的企业的关键。如果您已经在使用像BigCommerce这样的电子商务软件,那么您几乎不需要任何编码技能......
  • vue3 门户网站搭建7-eslint
    为了方便阅读和维护,代码规范还是有必要的 1、安装:npmieslint--save-dev 2、配置 .eslintrc.cjs文件,增加rules:rules:{'semi':['warn','always'],......
  • vue3组件透传
    <template><divclass="empty-box"><el-emptydescription="暂无数据"v-bind="$attrs"><templatev-for="(item,key)in$slots"#[key]><slot......
  • Hadoop集群搭建笔记
    Hadoop集群搭建笔记本文档在最小化安装centos7后的操作。首先,对于大数据集群提前进行主机名、IP地址、主次服务的规划:node01:192.168.135.80NNDN......
  • #yyds干货盘点#vue3 语法糖setup 兄弟组件传值
    使用mitt//全局引入npminstallmitt或者cnpminstallmitt在main文件中挂载import{createApp}from'vue'importAppfrom'./App.vue'importmittfrom'mitt'//导......
  • Kali搭建NFS踩坑
    服务端安装nfs服务包:#aptinstallnfs-kernel-server准备共享目录mkdir/mnt/sharedirchownnobody:nogroup/mnt/sharedirchmod777/mnt/sharedir配置编辑/etc......
  • Kafka3.4:基于kraft集群搭建
    环境准备环境:jdk8,三台centos机器,基于kraft模式(不使用zk)kafka安装包:https://mirrors.aliyun.com/apache/kafka/3.4.0/kafka_2.13-3.4.0.tgz机器iphostname配置......
  • vue3自动引入插件
    unplugin-auto-import/vite配置完成之后使用refreactivewatch等无须import导入可以直接使用installnpmi-Dunplugin-auto-import vite配置//vite.confi......