如何在项目中引入字体库（如阿里巴巴普惠体）

1、先找到你需要的字体下载下来，然后解压。

比如：阿里巴巴普惠体，下载地址https://done.alibabadesign.com/puhuiti2.0

2、解压之后得到安装包，电脑需要安装的可以直接安装。

3、打开ttf或otf文件夹得到所有字体

4、根据你需要的引入到项目当中。

4.1在assets目录下新建一个文件夹font，然后把需要的字体复制进去

4.2然后在css里面引入这个文件。

@font-face {font-family:AliMedium;src:url('../../assets/font/AlibabaPuHuiTi-2-65-Medium.ttf')
}
@font-face {font-family:AliHeavy;src:url('../../assets/font/AlibabaPuHuiTi-2-105-Heavy.ttf')
}

4.3然后就可以直接使用了

.text{font-family:AliHeavy;
}

如何在项目中引入字体库（如阿里巴巴普惠体）相关推荐

qt设置阿里巴巴普惠体英文_怎样把免费的阿里巴巴普惠字体设置为Office全家桶软件主题字体？...
您好,欢迎来到[爆炒Office],这里有原创的实用办公软件技巧.着手工作实际,解决办公问题. 概述终于安装上了可以免费使用的阿里巴巴普惠字体. 虽然不是用于专业的商业设计上,但是作为日常Offic ...
【工具】AlibabaPuHuiTi 阿里巴巴普惠体字体windows安装
前言阿里巴巴普惠体是商用免费的字体,项目上用到导出的功能,可以平替 "微软雅黑". 导出到pdf后,客户电脑虽然不需要安装这个字体,但是本地调试的时候可以安装一下. 百度搜出来的 ...
小程序引用第三方字体（阿里巴巴普惠体）
1.第一种方式(推荐) 先直接上代码,后部分有解析 wxml <view>不破楼兰终不还(默认)</view> <view>数字:1234567890</vi ...
vue项目中引入字体包
问题: 项目开发过程中,因UI的显示要求,需要引入一些字体,那如何引入外部字体呢?很简单,只需要以下3步一下载对应的字体包文件,放置到我们的项目中比如我需要PingFangSC的系列字体,我 ...
前端项目中引入字体文件并使用
首先是下载所需的字体文件,将文件存放在自定义的静态资源目录. 然后在需要引入页面的style模块加入如下代码直接在需要的地方引用text_class样式就可以啦
Linux下安装阿里巴巴普惠字体
OS:RHEL8 首先下载需要安装的字体,我这边下载的是阿里巴巴的字体.打开https://alibabafont.taobao.com/,按照要求下载自己需要的字体. 首先安装 :fontconfi ...
新出免费字体——阿里巴巴普惠字体（附安装使用教程）
阿里巴巴普惠字体,免费使用免费声明下载安装"阿里巴巴普惠体" 使用免费声明字体侵权真的是防不胜防! 但是现在有救了!阿里爸爸出了一款免费字体!免费!!! 在阿里巴巴的官方 ...
字体感觉小了引入的vant_vue-cli3中vant字体库改为本地引入
内网项目无法引用外部cdn资源,所以需要将vant的字体库改为本地引入相关插件:"less-loader": "^7.0.0","vant" ...
在 Nuxt.js 和 Vue.js 项目中引入第三方字体或艺术字
一.需求分析在我们写前端页面的时候,大部分时候是不需要用到第三方字体的,但如果是面向C端的页面,比如宣传页,就有可能会引入第三方字体,主要还是看UI设计师咋想了,此时我们可以通过让UI将特殊字体切成 ...

如何在项目中引入字体库（如阿里巴巴普惠体）

如何在项目中引入字体库（如阿里巴巴普惠体）相关推荐

最新文章

热门文章