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

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

一：字體

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

1.font-style：文字樣式。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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