可變字體不同,因為它們使用可調(diào)軸將多個變化組合到單個文件中。 1)他們通過允許對重量,寬度,傾斜和自定義設(shè)置而不是依靠固定樣式進行自然調(diào)整來提供靈活性。 2)它們減小文件大小,通過更少的HTTP請求提高性能,并提供更精細的設(shè)計控制。 3)他們通過調(diào)整跨設(shè)備的文本外觀來支持響應(yīng)式設(shè)計。 4)在CSS中,它們用于標準屬性,例如字體重量或字體變化 - 置于高級調(diào)整。 5)可從Google字體和Adobe字體等來源獲得可變字體,包括流行的選項,例如Inter和Recursive,盡管應(yīng)驗證與工具和瀏覽器的兼容性。
可變字體是單個字體文件,可以像多個字體一樣行為??勺冏煮w可以使您可以隨時調(diào)整這些特征,而不是具有粗體,斜體或不同的權(quán)重和寬度的單獨文件。這使他們超級靈活有效。
是什么使可變字體不同?
傳統(tǒng)字體具有固定樣式(如常規(guī),大膽或光),每種樣式都作為自己的文件。另一方面,可變字體包含一個包裝中的所有這些變化(以及更多)。他們使用稱為“軸”的東西來定義字體如何更改(例如重量,寬度,傾斜甚至自定義設(shè)置)。
例如,您只需加載一個變量字體即可根據(jù)需要加載一個不同的字體,而不是加載五個不同的字體文件以涵蓋光線,常規(guī),中等,大膽和額外的文本,而是根據(jù)需要調(diào)整其重量。
為什么使用可變字體?
有幾個可靠的原因:
- 較小的文件大小:一個文件通常小于許多文件,這可以幫助您的站點加載速度更快。
- 更多的設(shè)計控制:您不僅可以遇到一些預設(shè)選項 - 您可以微調(diào)文本的外觀。
- 更好的性能:更少的字體文件意味著更少的HTTP請求和更光滑的渲染。
如果您進行響應(yīng)式設(shè)計,它們特別方便 - 也許您希望在較大的屏幕上稍微稀薄,或者在移動設(shè)備上更凝結(jié)。
您如何在CSS中使用它們?
在CSS中使用變量字體非常簡單。您會看到兩個主要屬性: font-weight
, font-stretch
和font-style
- 但現(xiàn)在它們可以采用一系列值,而不僅僅是重量100-900。
這是一個快速的例子:
身體 { 字體家庭:“ myvariablefont”; 字體重量:350; / *比平常輕 */ } H1 { 字體重量:780; / *在大膽和額外粗體之間的某個地方 */ }
如果字體支持字體,則可以使用font-variation-settings
來定義自定義軸。但是,除非您確實需要精心控制,否則堅持使用標準屬性更清潔且易于閱讀。
在哪里可以找到可變字體
越來越多的鑄造廠和平臺提供可變字體。 Google字體現(xiàn)在已經(jīng)有很多,Adobe字體也包含它們。一些受歡迎的人包括國際,遞歸和魯伯特。
選擇一個時,請檢查其支持的軸 - 有些軸的重量可能只會變化,而另一些則為您提供寬度,傾斜甚至光學尺寸調(diào)整。
只需確保您的工具(例如設(shè)計軟件或CMS)在潛水之前支持可變字體即可。大多數(shù)現(xiàn)代瀏覽器都可以使用,但是較舊的系統(tǒng)可能無法很好地處理它們。
基本上就是這樣 - 一種字體,非常靈活。
以上是1T47。什么是可變字體?的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費脫衣服圖片

Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。

Clothoff.io
AI脫衣機

Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的代碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)

在輸入文字的時候很多的小伙伴都喜歡加入自己喜愛的個性字體,但是不知道win10系統(tǒng)的字體文件夾路徑在哪而沒法加入字體,下面就為大家介紹一下具體的文件夾路徑。win10字體文件夾路徑:1、點擊桌面的“此電腦”。2、進入系統(tǒng)盤C盤。3、點擊“windows”文件夾。4、下拉找到“Fonts”文件夾。5、即可進入字體庫。還有其他問題的小伙伴可以看看了解更多有關(guān)win10字體常見的問題~

蘋果手機outlook怎么更改字體呢,首先打開outlook軟件,在界面點擊左上角的文件??梢愿鶕?jù)自己的喜好進行設(shè)置字體,設(shè)置完成之后,點擊確定按鈕即可。讓我們一起來看看吧!蘋果手機outlook怎么更改字體1、打開outlook軟件,在界面點擊左上角的“文件”選項。2、在出現(xiàn)的列表中,找到“選項”并點擊進入。3、在選項列表的左側(cè),點擊“郵件”。4、接著,選擇“信紙和字體”。5、如果想要設(shè)置新郵件、回復郵件或者撰寫中的字體,點擊相應(yīng)選項進入設(shè)置。6、根據(jù)個人喜好對字體進行設(shè)置,設(shè)置完成后,點擊確

有的朋友在更新完win11系統(tǒng)后,發(fā)現(xiàn)自己的win11字體模糊不清,使用起來非常的難受,這可能是由于系統(tǒng)版本bug導致,也可能是我們開啟了特殊效果,下面就跟著小編一起來看看應(yīng)該怎么解決吧。win11字體模糊不清:方法一:1、首先右鍵此電腦,打開“屬性”2、接著進入相關(guān)鏈接中的“高級系統(tǒng)設(shè)置”3、然后點擊性能中的“設(shè)置”打開。4、在“視覺效果”下勾選“調(diào)整為最佳性能”并點擊“確定”保存即可。方法二:1、右鍵桌面空白處,打開“顯示設(shè)置”2、點擊縮放和布局下的“縮放”3、再點擊進入相關(guān)設(shè)置下的“文本大

許多用戶希望在Windows11上的記事本中更改字體,因為默認字體對他們來說太小或難以閱讀。更改字體非常簡單快捷,在本指南中,我們將向您展示如何自定義記事本并根據(jù)需要更改字體。Windows11記事本默認使用什么字體?至于默認字體選項,記事本使用Consolas字體,默認字體大小設(shè)置為11像素。如何在Windows11中更改記事本字體大小和樣式?使用記事本中的“編輯”菜單單擊搜索按鈕并鍵入記事本。從結(jié)果列表中選擇記事本。在記事本中,單擊“編輯”菜單,然后選擇“字體”?,F(xiàn)在,您應(yīng)該在左窗格中看到設(shè)

vivo手機字體怎么變大在哪設(shè)置?在vivo手機中是可以把字體變大,但是多數(shù)的用戶不知道如何設(shè)置vivo手機字體,接下來就是小編為用戶帶來的vivo手機字體怎么變大設(shè)置方法圖文教程,感興趣的用戶快來一起看看吧!vivo手機使用教程vivo手機字體怎么變大在哪設(shè)置1、首先打開vivo手機中的【設(shè)置】功能點擊;2、接著跳轉(zhuǎn)到設(shè)置的界面,找到其中的【顯示與亮度】功能;3、然后到達下圖的頁面,點擊【字體大小與粗細】服務(wù);4、最后滑動下圖的橫線調(diào)整字體的大小。

1、打開手機設(shè)置,點擊【顯示】。2、點擊【字體】。3、選擇自己喜歡的字體或者點擊【更多字體】下載應(yīng)用即可。

在使用電腦的過程中,由于操作不當?shù)惹闆r可以會產(chǎn)生一些問題出來。最近就有網(wǎng)友說自己的win10電腦所有字體陰影怎么辦,比較影響查看,桌面的圖標都有了陰影。下面小編教下大家清除電腦桌面所有字體陰影的方法。具體的步驟如下:1、首先打開電腦,輸入win+r組合鍵,打開運行窗口,輸入gpedit.msc確定。2、找到啟用ActiveDesktop,雙擊將它打開,并將其禁用。3、接下來我們需要再打開下面的禁用ActiveDesktop,再將其啟用。4、再打開控制面板的系統(tǒng),打開其高級系統(tǒng)設(shè)置屬性,再進入到性

有的朋友在安裝win11字體后,找不到自己的字體安裝在哪里了,因此提出了win11字體安裝位置的問題,其實我們可以進入個性化中的字體管理,就可以找到字體安裝的位置了,下面一起來看看吧。win11字體安裝位置:1、首先右鍵桌面空白處,打開“個性化”設(shè)置。2、接著進入其中的“字體”安裝管理設(shè)置。3、在其中找到你想要的字體進入。4、如果找不到,也可以直接在上方搜索。5、進入字體后,在元數(shù)據(jù)下的“字體文件”處就可以看到win11字體安裝位置了。6、如果我們想要卸載字體,那么點擊這里的卸載即可。
