小程序模板網(wǎng)

微信小程序css篇----字體(Font)

發(fā)布時(shí)間:2018-01-24 11:15 所屬欄目:小程序開(kāi)發(fā)教程

一.字體:font。屬性在一個(gè)聲明中設(shè)置所有字體屬性。

可設(shè)置的屬性是(按順序): "font-style font-variant font-weight font-size/line-height font-family".

font-size和font-family的值是必需的。如果缺少了其他值,默認(rèn)值將被插入,如果有默認(rèn)值的話(huà).

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ì)象中的文本是否為小型的大寫(xiě)字母。

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

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

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。

8.@font-face:通過(guò)這個(gè)可以添加外部的字體。


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/19644.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢(xún):800182392 點(diǎn)擊咨詢(xún)
QQ在線(xiàn)咨詢(xún)