微信小程序字體設(shè)置組件及API的思維導(dǎo)圖

2017年，微信小程序字體已經(jīng)是當(dāng)下最熱門的話題，下面將從多方面來(lái)談?wù)勎⑿判〕绦蜃煮w設(shè)置字體加粗和字體大小相關(guān)的內(nèi)容。

一：字體

一.字體：font。設(shè)置對(duì)象的文本特性。

1.font-style：文字樣式。

取值：normal 正常的字體， italic 斜體字， oblique 傾斜的字體。

2.font-weight：設(shè)置文本字體的粗細(xì)。取值范圍為100-900.

取值：mormal：正常大小相當(dāng)于400。bold :粗體，相當(dāng)于700。bolder， lighter。

3.font-size：設(shè)置字體尺寸大小。

4.font-variant:設(shè)置對(duì)象中的文本是否為小型的大寫字母。

取值：mormal 正常的字體。small-caps 小型的大寫字母字體。設(shè)置了以后會(huì)不論原來(lái)是否為大小字母 全部改為大寫。

5.font-family:設(shè)置字體名稱。

6.font-stretch:設(shè)置對(duì)象中的文字是否橫向拉伸變形。

取值：normal：正常文字寬度。

ultra-condensed：比正常文字寬度窄4個(gè)基數(shù)。

extra-condensed：比正常文字寬度窄3個(gè)基數(shù)。

condensed：比正常文字寬度窄2個(gè)基數(shù)。

semi-condensed：比正常文字寬度窄1個(gè)基數(shù)。

semi-expanded：比正常文字寬度寬1個(gè)基數(shù)。

expanded:比正常文字寬度寬2個(gè)基數(shù).

extra-expanded：比正常文字寬度寬3個(gè)基數(shù)。

ultra-expanded：比正常文字寬度寬4個(gè)基數(shù)。

7.font-size-adjust：設(shè)置對(duì)象的 aspect 值，用以保持首選字體的 x-height。

如果 14px 的 Verdana(aspect 值是 0.58)不可用，但是某個(gè)可用的字體的 aspect 值是 0.46，那么替代字體的尺寸將是 14 * (0.58/0.46) = 17.65px。

二：組件及API思維導(dǎo)圖