简介
@typopro/web-go 是一款基于TypoPRO字体的Web字体包，提供更好的中文字体显示效果，适用于Web前端开发。本篇文章将详细介绍如何安装和使用 @typopro/web-go 这个NPM包。
安装
使用NPM命令进行安装：
npm install @typopro/web-go
使用
导入字体
在样式表中引入TypoPRO字体：
@font-face {
font-family: "TypoPRO";
src: url("~@typopro/web-go/fonts/TypoPRO-Expanded-Bold.woff2") format("woff2"),
url("~@typopro/web-go/fonts/TypoPRO-Expanded-Bold.woff") format("woff");
font-display: swap;
font-style: normal;
font-weight: bold;
}指定字体
在文本样式中指定TypoPRO字体：
body {
font-family: "TypoPRO", sans-serif;
}示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------- ----------
-------
---------- -
------------ ----------
---- --------------------------------------------------------- ----------------
-------------------------------------------------------- ---------------
------------- -----
----------- -------
------------ -----
-
---- -
------------ ---------- -----------
-
--------
-------
------
------ --------------- --------
--------------------------
-------
-------深入学习
如果你想更深入地了解如何使用 @typopro/web-go，可以参考官方文档：TypoPRO for the Web。
指导意义
使用合适的字体可以提高网站的阅读体验和美观程度。@typopro/web-go 提供了更好的中文字体显示效果，可以让网站更加优雅地呈现给用户。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc781e8991b448dd42a