可變字體不同，因?yàn)樗鼈兪褂每烧{(diào)軸將多個(gè)變化組合到單個(gè)文件中。 1）他們通過允許對(duì)重量，寬度，傾斜和自定義設(shè)置而不是依靠固定樣式進(jìn)行自然調(diào)整來提供靈活性。 2）它們減小文件大小，通過更少的HTTP請(qǐng)求提高性能，並提供更精細(xì)的設(shè)計(jì)控制。 3）他們通過調(diào)整跨設(shè)備的文本外觀來支持響應(yīng)式設(shè)計(jì)。 4）在CSS中，它們用於標(biāo)準(zhǔn)屬性，例如字體重量或字體變化 - 置於高級(jí)調(diào)整。 5）可從Google字體和Adobe字體等來源獲得可變字體，包括流行的選項(xiàng)，例如Inter和Recursive，儘管應(yīng)驗(yàn)證與工具和瀏覽器的兼容性。
可變字體是單個(gè)字體文件，可以像多個(gè)字體一樣行為?？勺冏煮w可以使您可以隨時(shí)調(diào)整這些特徵，而不是具有粗體，斜體或不同的權(quán)重和寬度的單獨(dú)文件。這使他們超級(jí)靈活有效。
是什麼使可變字體不同？
傳統(tǒng)字體具有固定樣式（如常規(guī)，大膽或光），每種樣式都作為自己的文件。另一方面，可變字體包含一個(gè)包裝中的所有這些變化（以及更多）。他們使用稱為“軸”的東西來定義字體如何更改（例如重量，寬度，傾斜甚至自定義設(shè)置）。
例如，您只需加載一個(gè)變量字體即可根據(jù)需要加載一個(gè)不同的字體，而不是加載五個(gè)不同的字體文件以涵蓋光線，常規(guī)，中等，大膽和額外的文本，而是根據(jù)需要調(diào)整其重量。
為什麼使用可變字體？
有幾個(gè)可靠的原因：
- 較小的文件大小：一個(gè)文件通常小於許多文件，這可以幫助您的站點(diǎn)加載速度更快。
- 更多的設(shè)計(jì)控制：您不僅可以遇到一些預(yù)設(shè)選項(xiàng) - 您可以微調(diào)文本的外觀。
- 更好的性能：更少的字體文件意味著更少的HTTP請(qǐng)求和更光滑的渲染。
如果您進(jìn)行響應(yīng)式設(shè)計(jì)，它們特別方便 - 也許您希望在較大的屏幕上稍微稀薄，或者在移動(dòng)設(shè)備上更凝結(jié)。
您如何在CSS中使用它們？
在CSS中使用變量字體非常簡(jiǎn)單。您會(huì)看到兩個(gè)主要屬性： font-weight ， font-stretch和font-style - 但現(xiàn)在它們可以採(cǎi)用一系列值，而不僅僅是重量100-900。
這是一個(gè)快速的例子：
身體 {
字體家庭：“ myvariablefont”；
字體重量：350; / *比平常輕 */
}
H1 {
字體重量：780; / *在大膽和額外粗體之間的某個(gè)地方 */
}如果字體支持字體，則可以使用font-variation-settings來定義自定義軸。但是，除非您確實(shí)需要精心控制，否則堅(jiān)持使用標(biāo)準(zhǔn)屬性更清潔且易於閱讀。
在哪裡可以找到可變字體
越來越多的鑄造廠和平臺(tái)提供可變字體。 Google字體現(xiàn)在已經(jīng)有很多，Adobe字體也包含它們。一些受歡迎的人包括國(guó)際，遞歸和魯伯特。
選擇一個(gè)時(shí)，請(qǐng)檢查其支持的軸 - 有些軸的重量可能只會(huì)變化，而另一些則為您提供寬度，傾斜甚至光學(xué)尺寸調(diào)整。
只需確保您的工具（例如設(shè)計(jì)軟件或CMS）在潛水之前支持可變字體即可。大多數(shù)現(xiàn)代瀏覽器都可以使用，但是較舊的系統(tǒng)可能無(wú)法很好地處理它們。
基本上就是這樣 - 一種字體，非常靈活。
以上是1T47。什麼是可變字體？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁(yè)開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
win10字型資料夾路徑詳情
Jan 03, 2024 pm 08:37 PM
在輸入文字的時(shí)候很多的小夥伴都喜歡加入自己喜愛的個(gè)性字體，但是不知道win10系統(tǒng)的字體資料夾路徑在哪而沒法加入字體，下面就為大家介紹一下具體的資料夾路徑。 win10字型資料夾路徑：1、點(diǎn)選桌面的「此電腦」。 2、進(jìn)入系統(tǒng)盤C盤。 3.點(diǎn)選「windows」資料夾。 4、下拉找到「Fonts」資料夾。 5、即可進(jìn)入字體庫(kù)。還有其他問題的朋友可以看看了解更多有關(guān)win10字體常見的問題~
蘋果手機(jī)outlook怎麼更改字體
Mar 08, 2024 pm 04:46 PM
蘋果手機(jī)outlook怎麼更改字體呢，先打開outlook軟體，在介面點(diǎn)選左上角的檔案?？梢砸勒兆约旱南埠眠M(jìn)行設(shè)定字體，設(shè)定完成之後，點(diǎn)選確定按鈕即可。讓我們一起來看看吧！蘋果手機(jī)outlook怎麼更改字體1、開啟outlook軟體，在介面點(diǎn)選左上角的「檔案」選項(xiàng)。 2、在出現(xiàn)的清單中，找到「選項(xiàng)」並點(diǎn)擊進(jìn)入。 3、在選項(xiàng)清單的左側(cè)，點(diǎn)選「郵件」。 4、接著，選擇「信紙和字型」。 5.如果想要設(shè)定新郵件、回覆郵件或撰寫中的字體，點(diǎn)選對(duì)應(yīng)選項(xiàng)進(jìn)入設(shè)定。 6.依個(gè)人喜好對(duì)字體進(jìn)行設(shè)置，設(shè)定完成後，點(diǎn)選確
如何解決win11字體模糊問題
Jan 13, 2024 pm 09:00 PM
有的朋友在更新完win11系統(tǒng)後，發(fā)現(xiàn)自己的win11字體模糊不清，使用起來非常的難受，這可能是由於系統(tǒng)版本bug導(dǎo)致，也可能是我們開啟了特殊效果，下面就跟著小編一起來看看該怎麼解決吧。 win11字體模糊不清：方法一：1、先右鍵此電腦，開啟「屬性」2、接著進(jìn)入相關(guān)連結(jié)中的「進(jìn)階系統(tǒng)設(shè)定」3、然後點(diǎn)選效能中的「設(shè)定」開啟。 4.在「視覺效果」下勾選「調(diào)整為最佳效能」並點(diǎn)選「確定」儲(chǔ)存即可。方法二：1、右鍵桌面空白處，開啟「顯示設(shè)定」2、點(diǎn)選縮放和佈局下的「縮放」3、再點(diǎn)擊進(jìn)入相關(guān)設(shè)定下的「文字大
調(diào)整 Windows 11 中記事本字型、樣式和大小的方法
Sep 23, 2023 pm 11:25 PM
許多用戶希望在Windows11上的記事本中更改字體，因?yàn)轭A(yù)設(shè)字體對(duì)他們來說太小或難以閱讀。更改字體非常簡(jiǎn)單快捷，在本指南中，我們將向您展示如何自訂記事本並根據(jù)需要更改字體。 Windows11記事本預(yù)設(shè)使用什麼字型？至於預(yù)設(shè)字體選項(xiàng)，記事本使用Consolas字體，預(yù)設(shè)字體大小設(shè)定為11像素。如何在Windows11中變更記事本字體大小和樣式？使用記事本中的「編輯」選單點(diǎn)選搜尋按鈕並鍵入記事本。從結(jié)果清單中選擇記事本。在記事本中，按一下「編輯」選單，然後選擇「字型」?，F(xiàn)在，您應(yīng)該在左窗格中看到設(shè)
vivo手機(jī)字體怎麼變大在哪設(shè)定
Feb 24, 2024 pm 06:16 PM
vivo手機(jī)字體怎麼變大在哪設(shè)定?在vivo手機(jī)裡是可以把字體變大，但是多數(shù)的用戶不知道如何設(shè)置vivo手機(jī)字體，接下來就是小編為用戶帶來的vivo手機(jī)字體怎麼變大設(shè)置方法圖文教程，有興趣的用戶快來一起看看吧！ vivo手機(jī)使用教學(xué)vivo手機(jī)字體怎麼變大在哪設(shè)定1、先開啟vivo手機(jī)中的【設(shè)定】功能點(diǎn)選;2、接著跳到設(shè)定的介面，找到其中的【顯示與亮度】功能;3、然後到達(dá)下圖的頁(yè)面，點(diǎn)選【字體大小與粗細(xì)】服務(wù);4、最後滑動(dòng)下圖的橫線調(diào)整字體的大小。
小米11字型怎麼改_小米11更換字型方法
Mar 25, 2024 pm 07:26 PM
1.開啟手機(jī)設(shè)置，點(diǎn)選【顯示】。 2、點(diǎn)選【字體】。 3.選擇自己喜歡的字體或點(diǎn)選【更多字體】下載應(yīng)用程式即可。
詳解win10電腦所有字體陰影怎麼辦
Jul 23, 2023 pm 11:13 PM
在使用電腦的過程中，由於操作不當(dāng)?shù)惹闆r可以會(huì)產(chǎn)生一些問題出來。最近就有網(wǎng)友說自己的win10電腦所有字體陰影怎麼辦，比較影響查看，桌面的圖示都有了陰影。下面小編教下大家清除電腦桌面所有字體陰影的方法。具體的步驟如下：1.先開啟電腦，輸入win+r組合鍵，開啟運(yùn)作窗口，輸入gpedit.msc確定。 2、找到啟用ActiveDesktop，雙擊將它打開，並將其停用。 3.接下來我們需要再打開下面的禁用ActiveDesktop，然後再啟用。 4.再開啟控制面板的系統(tǒng)，開啟其進(jìn)階系統(tǒng)設(shè)定屬性，再進(jìn)入到性
Win11字型安裝方法詳細(xì)解釋
Dec 27, 2023 pm 05:16 PM
有的朋友在安裝win11字體後，找不到自己的字體安裝在哪裡了，因此提出了win11字體安裝位置的問題，其實(shí)我們可以進(jìn)入個(gè)性化中的字體管理，就可以找到字體安裝的位置了，下面一起來看看吧。 win11字型安裝位置：1.先右鍵桌面空白處，開啟「?jìng)€(gè)人化」設(shè)定。 2、接著進(jìn)入其中的「字型」安裝管理設(shè)定。 3、在其中找到你想要的字體進(jìn)入。 4.如果找不到，也可以直接在上方搜尋。 5.進(jìn)入字體後，在元資料下的「字型檔」就可以看到win11字型安裝位置了。 6.如果我們想要卸載字體，那麼點(diǎn)擊這裡的卸載即可。
