注冊登錄

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

2017-12-05
導(dǎo)讀:2017年6月14日,微信小程序字體已經(jīng)是當下最熱門的話題,下面將從多方面來談?wù)勎⑿判〕绦蜃煮w設(shè)置字體加粗和字體大小相關(guān)的內(nèi)容。...

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

一:字體

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

1.font-style:文字樣式。

取值:normal 正常的字體, italic 斜體字, oblique 傾斜的字體。

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

取值: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)圖

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

 

 


重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)

電話咨詢 微信咨詢 預(yù)約演示 0元開店