@ones-design/fonts

import { Meta } from '@storybook/blocks'

Font 字体

字体是体系化界面设计中最基本的构成之一。

字体家族

ONES Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下，字体始终保持良好的易读性和可读性，体现了友好、稳定和专业的特性。它们包括：

名称	描述
D-DIN Pro	作用于数字字体

在使用它们之前，你需要安装 @ones-design/fonts 字体库：

npm install @ones-design/fonts

然后在 js 或 css 入口文件顶部引入它：

JS / TS

import '@ones-design/fonts'

CSS

@import '@ones-design/fonts';

现在可以在任意的 CSS 中使用这些字体：

.demo {
  font-family: 'D-DIN Pro';
}