Product Sans

DEPRECATED 经查证该字体不是 Open Source 协议，已弃用

使用场景

Beats、星球发行用户中心的 收入管理 页面有用到，用来展示货币、数量等数字。

￥120

调用方式

自行托管 CSS 内容

字体文件目前存放在阿里云 OSS 的 上海 节点。

CSS 设定：

@font-face {
  font-family: 'Product Sans Bold';
  src: url('https://pics.kanjian.com/static/fonts/product-sans--bold.ttf') format('woff'),
  url('https://pics.kanjian.com/static/fonts/product-sans--bold.ttf') format('truetype');
}

/* 任何你喜欢的调用 font-family 生效的方式，这里示例使用 class */
[class*="font-product-sans--bold"] {
  font-family: "Product Sans Bold";
}

内容使用：

<span class="font-product-sans--bold">120</span>

注意事项

• 当前设计规范中，Product Sans 只是用到了 Bold 一种字重
• 该字体在小字号下不好看，一般会使用 36px、 48px 的字号