<!-- size -->
<p class="ui-text__size--small">...</p>
<p class="ui-text__size--medium">...</p>
<p class="ui-text__size--large">...</p>
<p class="ui-text__size--xlarge">...</p>
<!-- styles -->
<p class="ui-text__style--italic">...</p>
<p class="ui-text__style--underline">...</p>
<p class="ui-text__style--strike">...</p>
<!-- align -->
<p class="ui-text__align--left">...</p>
<p class="ui-text__align--center">...</p>
<p class="ui-text__align--right">...</p>
Proxima Nova Light (300)
Proxima Nova Regular (400)
Proxima Nova Medium (500)
Proxima Nova Semibold (600)
Proxima Nova Bold (700)
来源韩文简体中文 (300)
来源韩文简体中文 (400)
来源韩文简体中文 (500)
来源韩文简体中文 (600)
来源韩文简体中文 (700)
私の段落テキスト (300)
私の段落テキスト (400)
私の段落テキスト (500)
私の段落テキスト (600)
私の段落テキスト (700)
<!-- Proxima Nova -->
<p class="ui-text__weight--light">...</p>
<p class="ui-text__weight--regular">...</p>
<p class="ui-text__weight--medium">...</p>
<p class="ui-text__weight--semibold">...</p>
<p class="ui-text__weight--bold">...</p>
<!-- Source Han Sans Simplified Chinese -->
<!-- chinese font will be rendered using the correct font-family if -->
<!-- the "lang" attribute is defined for the appropriate locale -->
<html lang="zh-cn">
<head>...</head>
<body>
<p class="ui-text__weight--light">...</p>
<p class="ui-text__weight--regular">...</p>
<p class="ui-text__weight--medium">...</p>
<p class="ui-text__weight--semibold">...</p>
<p class="ui-text__weight--bold">...</p>
</body>
</html>