フォント ライブラリ (Alibaba Pratt & Whitney など) をプロジェクトに導入する方法

1. まず必要なフォントを見つけてダウンロードし、解凍します。

例: Alibaba Puhui Ti、ダウンロード アドレスhttps://done.alibabadesign.com/puhuiti2.0

2. 解凍後、インストール パッケージを取得します。コンピュータにインストールする必要がある場合は、このパッケージを直接インストールできます。

3. ttf または otf フォルダーを開いてすべてのフォントを入手します

4. 必要に応じて、それをプロジェクトにインポートします。

4.1 アセットディレクトリに新しいフォントフォルダを作成し、そこに必要なフォントをコピーします。

 

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;
}