• 字體大小設(shè)置
  • 字體大小的設(shè)置方式
  • 字體大小比例
  • 適配方法
  • 字體大小設(shè)置的獲取
  • 字體大小設(shè)置的禁用

字體大小設(shè)置

百度 App，從基礎(chǔ)庫 3.200.1 開始支持；開源宿主，從基礎(chǔ)庫 3.270.1 開始支持。

陸河ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

以下字體大小的設(shè)置方式、字體大小比例和適配方法的部分只對百度 App 的情況進(jìn)行介紹。在開源宿主 App 中，小程序的字體大小設(shè)置方式、字體大小比例均可自定義，開發(fā)者需要根據(jù)宿主自定義的具體情況進(jìn)行適配。

字體大小的設(shè)置方式

字體大小的設(shè)置方式有如下三種：

• 在小程序中設(shè)置：小程序右上角的膠囊 - 字體大小，拖動(dòng)滑塊進(jìn)行設(shè)置
• 在百度 App 中設(shè)置：百度 App - 我的 - 設(shè)置 - 字體大小，拖動(dòng)滑塊進(jìn)行設(shè)置
• 在百度 App 搜索結(jié)果落地頁中設(shè)置：落地頁右上角的膠囊 - 字體大小，拖動(dòng)滑塊進(jìn)行設(shè)置

注意：不管通過上述方式的哪種方式進(jìn)行設(shè)置，百度 App 和小程序都會(huì)生效。

字體大小比例

字體大小分為四個(gè)等級(jí)，分別是小、中、大和特大，默認(rèn)情況下字體大小的等級(jí)為中，對應(yīng)縮放比例為 100%，小對應(yīng)的縮放比例為 84%，大對應(yīng)的縮放比例為 110%，特大對應(yīng)的縮放比例為 121%。

適配方法

為了方便開發(fā)者適配用戶字體大小的設(shè)置，我們提供了一組 css 類名，開發(fā)者可通過書寫如下四種樣式，對不同字體大小的設(shè)置進(jìn)行適配。在開源宿主 App 中，可通過調(diào)用上述 getSystemInfo 或 getSystemInfoSync 獲取字體大小
其中，swan-text-size-adjust-1 對應(yīng)于用戶設(shè)置字體大小等級(jí)為小時(shí)的頁面樣式，swan-text-size-adjust-2 對應(yīng)于用戶設(shè)置字體大小等級(jí)為中時(shí)的樣式（即默認(rèn)樣式），swan-text-size-adjust-3 對應(yīng)于用戶設(shè)置字體大小等級(jí)為大時(shí)的樣式，swan-text-size-adjust-4 對應(yīng)于用戶設(shè)置字體大小等級(jí)為特大時(shí)的樣式。

 
 
 

  
  
  
.swan-text-size-adjust-1 {
  
  
  
 /* 字體大小等級(jí)設(shè)置為小的樣式 */
  
  
  
}
  
  
  
.swan-text-size-adjust-2 {
  
  
  
 /* 字體大小等級(jí)設(shè)置為中的樣式 */
  
  
  
}
  
  
  
.swan-text-size-adjust-3 {
  
  
  
 /* 字體大小等級(jí)設(shè)置為大的樣式 */
  
  
  
}
  
  
  
.swan-text-size-adjust-4 {
  
  
  
 /* 字體大小等級(jí)設(shè)置為特大的樣式 */
  
  
  
}
 
 
 

注意：

• 上述適配方法僅適用于百度 App，在開源宿主 App 上，需要根據(jù)宿主定義的等級(jí)進(jìn)行適配。
• page 的 css 樣式優(yōu)先級(jí)高于 app.css 中樣式的優(yōu)先級(jí)，即如果同時(shí)在 page 的 css 和 app.css 寫了適配樣式，page 的 css 樣式將覆蓋掉 app.css 中的樣式。
• 如果不是做字體大小的適配，請不要使用 swan-text-size-adjust-1、swan-text-size-adjust-2、swan-text-size-adjust-3 和 swan-text-size-adjust-4 這四個(gè)類名書寫 css 樣式，否則，這些樣式會(huì)被認(rèn)為是字體大小的適配樣式。

字體大小設(shè)置的獲取

可通過調(diào)用 swan.getSystemInfo 或 swan.getSystemInfoSync 獲取 fontSizeSetting 即當(dāng)前字體大小設(shè)置。

字體大小設(shè)置的禁用

如果不期望小程序響應(yīng)字體大小設(shè)置，可通過配置 app.json 中 window 的 textSizeAdjust 屬性為 none，實(shí)現(xiàn)對字體大小設(shè)置的禁用。

注意：

• 禁用設(shè)置的對象：是針對當(dāng)前小程序的，即為當(dāng)前小程序設(shè)置了禁用，字體大小的設(shè)置只在當(dāng)前小程序中不響應(yīng)，在未設(shè)置禁用的小程序中仍然響應(yīng)
• 設(shè)置禁用后的表現(xiàn)：當(dāng)前小程序中的字體大小面板可以拖動(dòng)，只是當(dāng)前小程序不生效，在未設(shè)置禁用的小程序中仍然生效

名稱欄目：創(chuàng)新互聯(lián)百度小程序教程：字體大小設(shè)置
URL標(biāo)題：http://uogjgqi.cn/article/djicehg.html