文风字体 - 感受字体之美

快速开始

引入代码

web网页中使用，将下面的代码复制粘贴到html的head标签中

变量	解释
fontFamily	字体英文缩写
fontSubfamily	字体变体名称缩写：一般指定为normal，bold，bolder，light，lighter

<head>
    <link rel="preconnect" href="https://cn.windfonts.com" />
    <link
        rel="stylesheet"
        type="text/css"
        href="https://cn.windfonts.com/wenfeng/fonts/:fontFamily/:fontSubfamily/web/index.css"
    />
    <!-- 此中文网页字体由文风字体（Windfonts）免费提供，您可以自由引用，请务必保留此授权许可标注 https://wenfeng.org/license -->
</head>

提示 : 如果只想要中文字体的样式，可将上面的Link标签替换成下面的标签，引入后对同一段文字中英文混用的情况，那么字体样式只会对中文字符生效

<link
  rel="stylesheet"
  type="text/css"
  href="https://cn.windfonts.com/wenfeng/fonts/:fontFamily/:fontSubfamily/web/zh_index.css"
/>

使用字体

className 使用字体的dom节点类名
fontFamily 字体名称，固定值，不可修改
font-weight 字体粗细，部分字体可指定100-900的之内的整数值
font-style 字体样式，通常有italic, oblique, normal, revert, revert-layer

提示：如果字体拥有多个子字体样式，在同时引入该字体的多个子字体样式的时候，可使用fontSubfamily作为font-weight的值指定使用对应的子字体样式

<className> {
  font-family: <fontFamily>;
  font-weight: <weight>;
  font-style: <style>;
}