modern font stacks下載 - modern font stacks源代碼下載

modern font stacks

字體下載

1.0.0

下載

現代字體堆棧

系統字體堆棧CSS按字體分類組織每個現代操作系統

最快的字體可用。沒有下載，沒有佈局變化，沒有閃光，只是即時渲染。

系統ui·過渡·舊樣式·人文主義·幾何人文主義者

古典人道主義者·新粒子

工業·圓形的sans·平板襯線·古董·Did

其他功能 /操作系統支持 /插件和擴展

系統UI

系統UI字體是操作系統接口的原生字體。它們高度清晰，易於閱讀，尺寸很小，包含許多字體重量，並且是UI元素的理想選擇。

CSS字體堆棧

 font-family : system-ui , sans-serif;

系統UI字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
舊金山	●	●	●	●	●	●	●	●	●
Segoe UI	●	●	●	●	●	●	●	●	●
機器人	●	●	●	●	●	●	●	●	●
Ubuntu	●		●	●	●		●
坎塔雷爾	●		●	●			●	●
noto sans	●	●	●	●	●	●	●	●	●

筆記

System UI不再是字體堆棧，而更多的是CSS值system-ui ，代表默認用戶界面字體。它在所有現代操作系統上得到了廣泛的支持。
顯示的字體是每個現代操作系統中UI的默認字體。

返回頂↑

過渡

過渡字體是在啟蒙運動過程中開發的舊樣式和現代字體之間的混合。過渡字體最著名的例子之一是《時代新羅馬》，該羅馬是為倫敦時報開發的。

CSS字體堆棧

 font-family : Charter , 'Bitstream Charter' , 'Sitka Text' , Cambria , serif;

過渡字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	400	700	900
憲章	●	●	●
Bitstream Charter	●	●
Sitka文字	●	●
坎布里亞	●	●
notoserif¹	●	●

筆記

Charter是Matthew Carter於1987年設計的奇妙而永恆的字體，用於低分辨率300DPI傳真機和激光打印機。它具有很大的X-Height幫助可讀性，並在當今的屏幕上貼上了精美的啟動。
Macos的憲章有一個奇怪的非破壞空間（   ）。該錯誤已報告給蘋果。
Sitka是Matthew Carter設計的另一個美麗字體，它略微類似於憲章。 Sitka是在Microsoft的高級閱讀技術協作中設計的，以優化可讀性。
Android使用Noto Serif作為其默認serif字體，因此無需在堆棧中指定。

返回頂↑

舊風格

舊樣式字體的特徵是對角線應力，厚和薄的中風之間的低對比度以及圓形的襯線，並在文藝復興時期開發。 Garamond是舊式字體最著名的例子之一。

CSS字體堆棧

 font-family : 'Iowan Old Style' , 'Palatino Linotype' , 'URW Palladio L' , P052 , serif;

老式字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	400	700	900
愛荷華州的老式	●	●	●
Palatino Linotype	●	●
URW Palladio L	●	●
P052	●	●
notoserif¹	●	●

筆記

Android使用Noto Serif作為其默認serif字體，因此無需在堆棧中指定。

返回頂↑

人文主義者

人文主義字體的特徵是它們的有機，書法形式和厚和薄的中風之間的對比度低。這些字體的靈感來自文藝復興時期的筆跡，通常被認為比其他sans-serif字體更容易清晰，更易於閱讀。

CSS字體堆棧

 font-family : Seravek , 'Gill Sans Nova' , Ubuntu , Calibri , 'DejaVu Sans' , source-sans-pro , sans-serif;

人文主義字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800
Seravek		●	●	●	●		●
吉爾·桑斯·諾瓦（Gill Sans Nova）			●	●			●	●
Ubuntu	●		●	●	●		●
鈣纖維			●	●			●
Dejavu Sans	●			●			●
來源Sans Pro				●		●	●

筆記

Gill Sans Nova可作為補充可下載字體提供。
Source SANS Pro在Android下使用名稱源源Pro，因此該字體僅針對Android設備。

返回頂↑

幾何人文主義者

幾何人文主義字體的特徵是它們的干淨，幾何形式和均勻的中風寬度。這些字體通常被認為是現代的，外觀時尚，通常用於標題和其他顯示目的。 Futura是此分類的著名例子。

CSS字體堆棧

 font-family : Avenir , Montserrat , Corbel , 'URW Gothic' , source-sans-pro , sans-serif;

幾何人文主義字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
Avenir			●	●	●			●	●
蒙特塞拉特	●	●	●	●	●	●	●	●	●
科爾貝爾			●	●			●
URW哥特式			●			●
來源Sans Pro				●		●	●

筆記

Avenir是MacOS的接下來選擇的Avenir，因為在Avenir接下來的200重量上，重量300在網絡上更加清晰。如果您正在尋找超光線或超黑色，請隨時將Avenir交換為Avenir。
Source SANS Pro在Android下使用名稱源源Pro，因此該字體僅針對Android設備。

返回頂↑

古典人文主義者

經典的人文主義字體的特徵是中風在到達中風終端而不結束襯線時如何巧妙地擴大。這些字體的靈感來自古典羅馬首都和文藝復興時期的墓碑上的雕刻。

CSS字體堆棧

 font-family : Optima , Candara , 'Noto Sans' , source-sans-pro , sans-serif;

古典人文主義字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
Optima				●			●		●
坎迪拉			●	●			●
noto sans	●	●	●	●	●	●	●	●	●
來源Sans Pro				●		●	●

筆記

Source SANS Pro在Android下使用名稱源源Pro，因此該字體僅針對Android設備。

返回頂↑

新綠色

新格紋字體是一種sans-serif風格，在19世紀末和20世紀初開發，其特徵是其乾淨，幾何形式和均勻的中風寬度。新粒子類字體最著名的例子之一是Helvetica。

CSS字體堆棧

 font-family : Inter , Roboto , 'Helvetica Neue' , 'Arial Nova' , 'Nimbus Sans' , Arial , sans-serif;

Neo-Grotesque字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
間	●	●	●	●	●	●	●	●	●
機器人	●	●	●	●	●	●	●	●	●
Helvetica Neue	●	●	●	●	●	●	●
Arial Nova			●	●			●
nimbus sans				●		●	●
Arial				●		●	●

筆記

ARIAL NOVA可作為補充下載字體可用。
Roboto用於Linux（MX Linux，Elementaryos等）和手動安裝。它不會在Android上渲染Roboto，而是Android的sans-serif。

返回頂↑

單拼音平板襯線

單層平板襯線字體的特徵是其固定寬度字母，其寬度與其形狀以及簡單的幾何形式，其寬度相同。用於模擬打字機輸出以進行報告，表格工作和技術文檔。

CSS字體堆棧

 font-family : 'Nimbus Mono PS' , 'Courier New' , monospace;

單層平板襯線字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	400	700
nimbus mono ps	●	●
快遞員新	●	●
可愛的單聲道	●

筆記

首先指定nimbus mono ps，因為許多Linux發行版為快遞創建名稱別名，而不是總是代表平板襯線
Cutive Mono不需要在堆棧中代表，因為Android為快遞員創建了名字別名。
不幸的是，可愛的單聲道只有一個重量

返回頂↑

單義代碼

Monospace代碼字體專門用於編程和其他技術應用程序。這些字體的特徵是它們的單一設計，這意味著所有字母和角色的寬度和清晰，清晰清晰的形式具有相同的寬度。

CSS字體堆棧

 font-family : ui-monospace , 'Cascadia Code' , 'Source Code Pro' , Menlo , Consolas , 'DejaVu Sans Mono' , monospace;

單義代碼字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800
SF單聲道			●	●	●	●	●	●
卡斯卡迪亞代碼	●	●	●	●		●	●
源代碼Pro		●	●	●	●	●	●	●
門洛				●			●
康斯拉斯				●			●
Dejavu Sans Mono				●			●
機器人無單聲道				●

筆記

SF Mono僅通過MACOS 10.15+上的ui-monospace和使用Safari時可用
droid sans mono for android不需要在堆棧中指定，因為monospace是一個名字的別名

返回頂↑

工業的

工業字體起源於19世紀後期，在此期間受到技術和行業進步的嚴重影響。工業字體的特徵是它們的大膽，無關的字母形式，簡單明了的外觀以及直線和幾何形狀的使用。

CSS字體堆棧

 font-family : Bahnschrift , 'DIN Alternate' , 'Franklin Gothic Medium' , 'Nimbus Sans Narrow' , sans-serif-condensed , sans-serif;

工業字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
Bahnschrift	●	●	●	●	●	●	●	●	●
Din替代							●
富蘭克林哥特式媒介					●
nimbus sans narrow				●			●
機器人凝結	●	●	●	●	●	●	●	●	●

筆記

由於此堆棧跨操作系統的權重限制，因此最好用作中/粗體顯示字體
Bahnschrift是添加到Windows中的第一個變量字體之一。
Roboto Condemed使用Android下方的sans-serif符合的名稱，因此該字體僅針對Android設備。

返回頂↑

圓形的sans

圓形字體的特徵是圓形的彎曲字母形式，並具有更柔和，更友好的外觀。圓形的邊緣使字體具有更具有機和嬉戲的感覺，使其適合於非正式或兒童友好設計。自1950年代以來，圓形的Sans-Serif風格一直很受歡迎，並且它繼續被廣泛用於廣告，品牌和其他形式的圖形設計。

CSS字體堆棧

 font-family : ui-rounded , 'Hiragino Maru Gothic ProN' , Quicksand , Comfortaa , Manjari , 'Arial Rounded MT' , 'Arial Rounded MT Bold' , Calibri , source-sans-pro , sans-serif;

圓形的無字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
SF Pro Found	●	●	●	●	●	●	●	●	●
Hiragino Maru Gothic				●
流沙			●	●			●
comfortaa			●	●			●
曼賈里	●			●			●
Arial圓形MT							●
Arial Founded Mt Bold							●
鈣纖維			●	●			●
來源Sans Pro				●		●	●

筆記

SF Pro Founded僅通過MACOS 10.15+和iOS 13.3+的ui-rounded提供
Hiragino Maru Gothic從技術上講是日本字體，但對所有拉丁字符都有支持。 MAC字體不包括粗體，因此將在屏幕上顯示人造大膽。
Windows需要Arial圓形MT，而iOS，Mac和舊的Windows安裝需要Arial圓形MT BOLD
Source SANS Pro在Android下使用名稱源源Pro，因此該字體僅針對Android設備。這不是一個圓形字體，但這裡比Roboto好。

返回頂↑

平板襯線

平板襯線字體的特徵是每個字母形式的末端存在厚，塊狀的襯線。這些襯線通常是不包裝的，這意味著它們沒有任何彎曲或錐形過渡到字母的主要筆觸。

CSS字體堆棧

 font-family : Rockwell , 'Rockwell Nova' , 'Roboto Slab' , 'DejaVu Serif' , 'Sitka Small' , serif;

平板襯線字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	300	400	700	800
羅克韋爾			●	●
羅克韋爾·諾瓦（Rockwell Nova）		●	●	●	●
機器人平板	●	●	●	●
Dejavu Serif			●	●
Sitka Small			●	●
Noto Serif			●	●

筆記

Windows辦公室包括Rockwell
Rockwell Nova可作為補充下載字體使用。
Android使用Noto Serif作為其默認serif字體，因此無需在堆棧中指定。

返回頂↑

古董

古董字體（也稱為埃及人）是19世紀流行的襯線字體的子集。它們的特徵是它們的塊狀襯線和均勻均勻的卒中重量。

CSS字體堆棧

 font-family : Superclarendon , 'Bookman Old Style' , 'URW Bookman' , 'URW Bookman L' , 'Georgia Pro' , Georgia , serif;

古董字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	300	400	600	700	900
超級克萊登	●	●		●	●
Bookman舊風格		●		●
URW Bookman	●		●
佐治亞州職業	●	●	●	●	●
喬治亞州		●		●
notoserif¹		●		●

筆記

佐治亞州Pro可作為補充下載字體使用。
Android使用Noto Serif作為Georgia的別名，因此無需在堆棧中指定。

返回頂↑

做了

didone字體（也稱為現代字體）的特徵是厚和薄的筆觸，垂直應力和髮際線襯線之間的高對比度，沒有括號。 Didone風格在18世紀後期出現，並在19世紀越來越受歡迎。

CSS字體堆棧

 font-family : Didot , 'Bodoni MT' , 'Noto Serif Display' , 'URW Palladio L' , P052 , Sylfaen , serif;

DIDONE FONT堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	100	200	300	400	500	600	700	800	900
DIDOT				●			●
Bodoni Mt				●			●		●
Noto Serif顯示	●	●	●	●	●	●	●	●	●
URW Palladio L				●			●
P052				●			●
Sylfaen				●
notoserif¹				●			●

筆記

Android使用Noto Serif作為其默認serif字體，因此無需在堆棧中指定。
Sylfaen不包含大膽，因此人造大膽將顯示在屏幕上。

返回頂↑

手寫

手寫字體旨在模仿筆蹟的外觀。儘管有各種各樣的手寫樣式，但這種字體堆棧傾向於採用更非正式和日常的手寫方式。

CSS字體堆棧

 font-family : 'Segoe Print' , 'Bradley Hand' , Chilanka , TSCu_Comic , casual , cursive;

手寫字體堆棧

在瀏覽器中查看（文章視圖 /字符）

？跨操作系統的預覽渲染

✅字體重量和筆記

字體重量	400	700
Segoe印刷	●	●
布拉德利手		●
奇蘭卡	●
TSCU_COMIC	●
即將推出	●

筆記

即將推出的速度在Android下使用隨意，因此該字體僅針對Android設備。

返回頂↑

其他功能

表情符號支持

想要在您的頁面上添加本地表情符號？在字體堆棧的末尾附加這些字體：

 'Apple Color Emoji' , 'Segoe UI Emoji' , 'Segoe UI Symbol' , 'Noto Color Emoji'

抗氧化

通過使用這些CSS屬性來呈現您的文本：

 html {
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing : grayscale;
}

操作系統支持

Windows 7或更新
Android 10或更新（非常有限的具有8個字體）
iOS 9.3或更新
MacOS 10.9（小牛）或更新
Linux（採樣12個流行發行版）

返回頂↑

插件和擴展

Borisanthony的Tailwind CSS的現代字體堆棧
Littlebigthing的WordPress現代字體堆棧
現代字體堆棧由Webstudio在本地支持

返回頂↑

展開

附加信息

版本 1.0.0
類型字體下載
更新時間 2025-07-30
大小 5.11MB
來自於 Github

相關應用

genyo font

2024-11-13
genwan font

2024-11-13
genryu font

2024-11-11
Word Stacks手機版

2024-07-28
modern warships安卓版

2023-09-03
現代遊戲大亨

2022-08-06

爲您推薦

chat.petals.dev

其他源碼

1.0.0
GPT Prompt Templates

其他源碼

1.0.0
GPTyped

其他源碼

GPTyped 1.0.5
fedraserif

字體下載

1.0.0
fontplayer

字體下載

v0.0.0
XiaoyaPixel

字體下載

1.0.0
Google Dorks

其他源碼

1.0
shepherd

其他源碼

v6.1.6-react-shepherd: Prepare Release (#3063)
mongo express

其他源碼

v1.1.0-rc-3

相關資訊全部