非常教程

iView UI参考手册

组件基础

Font 字体

概述

iView 的 CSS 对字体进行了统一规范,力求在不同平台、浏览器下能显示出其最佳的效果。我们推荐 macOS(iOS)优先的策略,在不支持苹方字体的情况,使用备用字体。

字体预览

  • 中文字体

Font 字体

  • 英文字体

Font 字体

字体代码

font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;

字体使用规范

中文字体

示例

粗细

颜色

字号

主标题

我是标题

加粗

#464c5b

16px

次级标题

我是标题

加粗

#464c5b

14px

小标题

我是标题

加粗

#464c5b

12px

正文

我是正文

默认

#657180

12px

辅助文字

我是辅助文字

默认

#9ea7b4

12px

失效文字

我是失效文字

默认

#c3cbd6

12px

链接文字

我是链接文字

默认

#3399ff

12px

英文字体

示例

粗细

颜色

字号

Main Head

This is an example

bold

#464c5b

16px

Sub Head

This is an example

bold

#464c5b

14px

Small Head

This is an example

bold

#464c5b

12px

Text

This is an example

normal

#657180

12px

Help

This is an example

normal

#9ea7b4

12px

Disabled

This is an example

normal

#c3cbd6

12px

Link

This is an example

normal

#3399ff

12px

iView UI

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品

iView UI目录

1.指南
2.组件
3.组件基础
4.组件布局