排版辅助类（Typography helper）

修改型号、字体粗细和其他文字的字体属性

有 7 种型号可选：

您可以选择为每个视口宽度选择一个特定型号。您只需为每个型号修饰符后面再附加一个视口宽度即可。

例如，这是 $size-1 的修饰符：

类	移动设备上至 `768px`	平板从 `769px` 到 `1023px`	桌面系统从 `1024px` 到 `1215px`	宽屏从 `1216px` 到 `1407px`	巨屏 `1408px` 及以上
`is-size-1-mobile`	`3rem`	无变化	无变化	无变化	无变化
`is-size-1-touch`	`3rem`	`3rem`	无变化	无变化	无变化
`is-size-1-tablet`	无变化	`3rem`	`3rem`	`3rem`	`3rem`
`is-size-1-desktop`	无变化	无变化	`3rem`	`3rem`	`3rem`
`is-size-1-widescreen`	无变化	无变化	无变化	`3rem`	`3rem`
`is-size-1-fullhd`	无变化	无变化	无变化	无变化	`3rem`

您可以使用同样的逻辑修改其他 7 个型号。

您可以使用 4 种对齐辅助类之一对齐文字：

您可以根据不同的视口宽度使用不同的文本对齐方式。只需在视口宽度后面加上对齐修饰符即可。

例如，这是 has-text-left 的修饰符：

类	移动设备上至 `768px`	平板从 `769px` 到 `1023px`	桌面系统从 `1024px` 到 `1215px`	宽屏从 `1216px` 到 `1407px`	巨屏 `1408px` 及以上
`has-text-left-mobile`	left-aligned	无变化	无变化	无变化	无变化
`has-text-left-touch`	left-aligned	left-aligned	无变化	无变化	无变化
`has-text-left-tablet-only`	无变化	left-aligned	无变化	无变化	无变化
`has-text-left-tablet`	无变化	left-aligned	left-aligned	left-aligned	left-aligned
`has-text-left-desktop-only`	无变化	无变化	left-aligned	无变化	无变化
`has-text-left-desktop`	无变化	无变化	left-aligned	left-aligned	left-aligned
`has-text-left-widescreen-only`	无变化	无变化	无变化	left-aligned	无变化
`has-text-left-widescreen`	无变化	无变化	无变化	left-aligned	left-aligned
`has-text-left-fullhd`	无变化	无变化	无变化	无变化	left-aligned

同样的逻辑您也可以对其它 4 种对齐方式使用。

您可以通过使用 4 种文本变形辅助类之一使文本变形：

类	变形
`is-capitalized`	Transforms the first character of each word to Uppercase
`is-lowercase`	Transforms all characters to lowercase
`is-uppercase`	Transforms all characters to UPPERCASE
`is-italic`	Transforms all characters to italic
Since 0.9.3 `is-underlined`	Underlines the text

您可以通过使用 5 文本粗细辅助类之一改变文本的粗细：

类	粗细
`has-text-weight-light`	Transforms text weight to light
`has-text-weight-normal`	Transforms text weight to normal
`has-text-weight-medium`	Transforms text weight to medium
`has-text-weight-semibold`	Transforms text weight to semi-bold
`has-text-weight-bold`	Transforms text weight to bold

您可以通过使用 5 种字体族辅助类之一来修改字体族：

Class	Family
`is-family-sans-serif`	Sets font family to `$family-sans-serif`
`is-family-monospace`	Sets font family to `$family-monospace`
`is-family-primary`	Sets font family to `$family-primary`
`is-family-secondary`	Sets font family to `$family-secondary`
`is-family-code`	Sets font family to `$family-code`