Typography

We provide CSS classes for font family, weight and size.

In the latest release, if you are not importing the global stylesheet, you can import the typography style using the following:

import '@wevisdemo/ui/styles/typography.css';

Family/Weight

You can click at "Aก" to copy the style.

	Kondolar Thai `wv-kondolar`	IBM Plex Sans Thai `wv-ibmplex`	IBM Plex Sans Thai Looped `wv-ibmplexlooped`
400
600 `wv-semibold`
700 `wv-bold`
900 `wv-black`

Preview

wv-ibmplex

Sphinx of black quartz, judge my vow!
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
นายสังฆภัณฑ์ เฮงพิทักษ์ฝั่ง ผู้เฒ่าซึ่งมีอาชีพเป็นฅนขายฃวด ถูกตำรวจปฏิบัติการจับฟ้องศาล ฐานลักนาฬิกาคุณหญิงฉัตรชฎา ฌานสมาธิ

Type Scales

Heading and body size will scale down on mobile. However, UI size will be the same on both mobile and desktop.

Header

Body

Body Fixed

You can click at the style to copy.

wv-h1

Desktop: 100px/125%

Mobile: 60px/125%

For headers