小程序模板網(wǎng)

微信小程序字體設(shè)置

發(fā)布時(shí)間:2021-06-16 08:56 所屬欄目:小程序開發(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)值的話.

  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ì)不論原來是否為大小字母 全部改為大寫。

  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。

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


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