「Fonts」：修訂間差異

出自Gea-Suan Lin's Wiki
跳至導覽 跳至搜尋
← 較舊編輯
Gslin（留言 | 貢獻）
行政員、​介面管理員、​管理員
5,905筆編輯
Gslin（留言 | 貢獻）
行政員、​介面管理員、​管理員
5,905筆編輯
無編輯摘要
 
（未顯示同一使用者於中間所作的 31 次修訂）
第1行： 第1行：
<htmltag tagname="style">
@import url('https://fonts.bunny.net/css?family=3270font|alexandria|amiko|anybody|archivo|arimo|armata|arvo|average-sans|averia-serif-libre|biz-udpgothic|baskervville|besley|bitter|cmu-serif|camingocode|cascadia-code|cousine|dm-serif-display|dejavu-sans-mono|dejavu-sans|dhyana|doppio-one|encode-sans|essential-pragmatapro|farro|fira-code|fira-sans|geist-mono|geist-sans|gitlab-mono|gitlab-sans|hack|hera|ibm-plex-mono|ibm-plex-sans|instrument-sans|inter|iosevka-term|jetbrains-mono|lato|libre-baskerville|libre-franklin|manrope|marcellus|martel-sans|masifa|merriweather-sans|merriweather|miriam-libre|monaspace|montreux-classic|nobile|numans|open-sans|playfair-display|plus-jakarta-sans|roboto-slab|rubik|ruda|sana-sans|sarasa-gothic|sarasa-ui|schibsted-grotesk|sometype-mono|source-code-pro|source-serif-4|space-grotesk|spline-sans-mono|titillium-web|ubuntu-mono|ubuntu|verdana|victor-mono|work-sans|zilla-slab|ia-writer-duog');
</htmltag>
這邊會記錄看到看好看的字型。
這邊會記錄看到看好看的字型。
== 前提 ==
由於Firefox系列的瀏覽器會阻擋本地字型以避免被fingerprint，這頁會引用大量外部字型，但不保證正常。


== Sans（Sans-serif） ==
== Sans（Sans-serif） ==


<div style="font-size: large;">
<div style="font-size: x-large;">
* <span style="font-family: 'Alexandria';">[https://fonts.google.com/specimen/Alexandria Alexandria]</span>
* <span style="font-family: 'Alexandria';">[https://fonts.google.com/specimen/Alexandria Alexandria]</span>
* <span style="font-family: 'Amiko';">[https://fonts.google.com/specimen/Amiko Amiko]</span>
* <span style="font-family: 'Amiko';">[https://fonts.google.com/specimen/Amiko Amiko]</span>
第17行： 第25行：
* <span style="font-family: 'Encode Sans';">[https://fonts.google.com/specimen/Encode+Sans Encode Sans]</span>
* <span style="font-family: 'Encode Sans';">[https://fonts.google.com/specimen/Encode+Sans Encode Sans]</span>
* <span style="font-family: 'Farro';">[https://fonts.google.com/specimen/Farro Farro]</span>
* <span style="font-family: 'Farro';">[https://fonts.google.com/specimen/Farro Farro]</span>
* <span style="font-family: 'Fira Sans';">[https://fonts.google.com/specimen/Fira+Sans Fira Sans]</span>
* <span style="font-family: 'Geist Sans';">[https://github.com/vercel/geist-font Geist Sans]</span>
* <span style="font-family: 'Geist Sans';">[https://github.com/vercel/geist-font Geist Sans]</span>
* <span style="font-family: 'GitLab Sans';">[https://gitlab-org.gitlab.io/frontend/fonts/ GitLab Sans]</span>
* <span style="font-family: 'iA Writer Duo';">[https://github.com/iaolo/iA-Fonts iA Writer Duo]</span>
* <span style="font-family: 'iA Writer Duo';">[https://github.com/iaolo/iA-Fonts iA Writer Duo]</span>
* <span style="font-family: 'IBM Plex Sans';">[https://fonts.google.com/specimen/IBM+Plex+Sans IBM Plex Sans]</span>
* <span style="font-family: 'IBM Plex Sans';">[https://fonts.google.com/specimen/IBM+Plex+Sans IBM Plex Sans]</span>
* <span style="font-family: 'Instrument Sans';">[https://fonts.google.com/specimen/Instrument+Sans Instrument Sans]</span>
* <span style="font-family: 'Instrument Sans';">[https://fonts.google.com/specimen/Instrument+Sans Instrument Sans]</span>
* <span style="font-family: 'Inter';">[https://fonts.google.com/specimen/Inter Inter]</span>
* <span style="font-family: 'Inter';">[https://fonts.google.com/specimen/Inter Inter]</span>
* <span style="font-family: 'Lato';">[https://fonts.google.com/specimen/Lato Lato]</span>
* <span style="font-family: 'Libre Franklin';">[https://fonts.google.com/specimen/Libre+Franklin Libre Franklin]</span>
* <span style="font-family: 'Libre Franklin';">[https://fonts.google.com/specimen/Libre+Franklin Libre Franklin]</span>
* <span style="font-family: 'Manrope';">[https://fonts.google.com/specimen/Manrope Manrope]</span>
* <span style="font-family: 'Manrope';">[https://fonts.google.com/specimen/Manrope Manrope]</span>
第39行： 第50行：
* <span style="font-family: 'Sarasa Gothic';">[https://github.com/be5invis/Sarasa-Gothic Sarasa Gothic]</span>
* <span style="font-family: 'Sarasa Gothic';">[https://github.com/be5invis/Sarasa-Gothic Sarasa Gothic]</span>
* <span style="font-family: 'Sarasa UI';">[https://github.com/be5invis/Sarasa-Gothic Sarasa UI]</span>
* <span style="font-family: 'Sarasa UI';">[https://github.com/be5invis/Sarasa-Gothic Sarasa UI]</span>
* <span style="font-family: 'Schibsted Grotesk';">[https://fonts.google.com/specimen/Schibsted+Grotesk Schibsted Grotesk]</span>
* <span style="font-family: 'Space Grotesk';">[https://fonts.google.com/specimen/Space+Grotesk Space Grotesk]</span>
* <span style="font-family: 'Space Grotesk';">[https://fonts.google.com/specimen/Space+Grotesk Space Grotesk]</span>
* <span style="font-family: 'Titillium Web';">[https://fonts.google.com/specimen/Titillium+Web Titillium Web]</span>
* <span style="font-family: 'Ubuntu';">[https://fonts.google.com/specimen/Ubuntu Ubuntu]</span>
* <span style="font-family: 'Ubuntu';">[https://fonts.google.com/specimen/Ubuntu Ubuntu]</span>
* <span style="font-family: 'Verdana';">[https://learn.microsoft.com/en-us/typography/font-list/verdana Verdana]</span>
* <span style="font-family: 'Verdana';">[https://learn.microsoft.com/en-us/typography/font-list/verdana Verdana]</span>
* <span style="font-family: 'Work Sans';">[https://fonts.google.com/specimen/Work+Sans Work Sans]</span>
</div>
</div>


== Serif ==
== Serif ==


<div style="font-size: large;">
<div style="font-size: x-large;">
* <span style="font-family: 'Arvo';">[https://fonts.google.com/specimen/Arvo Arvo]</span>
* <span style="font-family: 'Arvo';">[https://fonts.google.com/specimen/Arvo Arvo]</span>
* <span style="font-family: 'Averia Serif Libre';">[https://fonts.google.com/specimen/Averia+Serif+Libre Averia Serif Libre]</span>
* <span style="font-family: 'Averia Serif Libre';">[https://fonts.google.com/specimen/Averia+Serif+Libre Averia Serif Libre]</span>
* <span style="font-family: 'Baskervville';">[https://fonts.google.com/specimen/Baskervville Baskervville]</span>
* <span style="font-family: 'Baskervville';">[https://fonts.google.com/specimen/Baskervville Baskervville]</span>
* <span style="font-family: 'Besley';">[https://fonts.google.com/specimen/Besley Besley]</span>
* <span style="font-family: 'Bitter';">[https://fonts.google.com/specimen/Bitter Bitter]</span>
* <span style="font-family: 'Bitter';">[https://fonts.google.com/specimen/Bitter Bitter]</span>
* <span style="font-family: 'CMU Serif';">[https://fontlibrary.org/en/font/cmu-serif CMU Serif]</span>
* <span style="font-family: 'CMU Serif';">[https://fontlibrary.org/en/font/cmu-serif CMU Serif]</span>
第63行： 第78行：
== Monospace ==
== Monospace ==


<div style="font-size: x-large;">
* <span style="font-family: '3270font';">[https://github.com/rbanffy/3270font 3270font]</span>
* <span style="font-family: '3270font';">[https://github.com/rbanffy/3270font 3270font]</span>
* <span style="font-family: 'CamingoCode';">[https://www.janfromm.de/typefaces/camingomono/camingocode/ CamingoCode]</span>
* <span style="font-family: 'CamingoCode';">[https://www.janfromm.de/typefaces/camingomono/camingocode/ CamingoCode]</span>
* <span style="font-family: 'Cascadia Code';">[https://github.com/microsoft/cascadia-code Cascadia Code]</span>
* <span style="font-family: 'Cascadia Code';">[https://github.com/microsoft/cascadia-code Cascadia Code]</span>
* <span style="font-family: 'Cousine';">[https://fonts.google.com/specimen/Cousine Cousine]</span>
* <span style="font-family: 'Cousine';">[https://fonts.google.com/specimen/Cousine Cousine]</span>
* <span style="font-family: 'DejaVu Sans Mono';">[https://dejavu-fonts.github.io/ DejaVu Sans Mono]</span>
* <span style="font-family: 'Essential PragmataPro';">[https://fsd.it/shop/fonts/pragmatapro/ Essential PragmataPro]</span>（付費）
* <span style="font-family: 'Essential PragmataPro';">[https://fsd.it/shop/fonts/pragmatapro/ Essential PragmataPro]</span>（付費）
* <span style="font-family: 'Fira Code';">[https://github.com/tonsky/FiraCode Fira Code]</span>
* <span style="font-family: 'Fira Code';">[https://github.com/tonsky/FiraCode Fira Code]</span>
* <span style="font-family: 'Geist Mono';">[https://github.com/vercel/geist-font Geist Mono]</span>
* <span style="font-family: 'Geist Mono';">[https://github.com/vercel/geist-font Geist Mono]</span>
* <span style="font-family: 'GitLab Mono';">[https://gitlab-org.gitlab.io/frontend/fonts/ GitLab Mono]</span>
* <span style="font-family: 'Hack';">[https://sourcefoundry.org/hack/ Hack]</span>
* <span style="font-family: 'Hack';">[https://sourcefoundry.org/hack/ Hack]</span>
* <span style="font-family: 'Hera';">[https://github.com/sayyadirfanali/Hera Hera]</span>
* <span style="font-family: 'Hera';">[https://github.com/sayyadirfanali/Hera Hera]</span>
第81行： 第99行：
* <span style="font-family: 'Ubuntu Mono';">[https://design.ubuntu.com/font/ Ubuntu Mono]</span>
* <span style="font-family: 'Ubuntu Mono';">[https://design.ubuntu.com/font/ Ubuntu Mono]</span>
* <span style="font-family: 'Victor Mono';">[https://rubjo.github.io/victor-mono/ Victor Mono]</span>
* <span style="font-family: 'Victor Mono';">[https://rubjo.github.io/victor-mono/ Victor Mono]</span>
</div>
== 特殊字 ==
<div style="font-size: x-large;">
* <span style="font-family: 'Special Elite';">[https://fonts.google.com/specimen/Special+Elite Special Elite]</span>
</div>


== 安裝 ==
== 安裝 ==

於 2025年4月26日 (六) 02:47 的最新修訂

這邊會記錄看到看好看的字型。

前提

由於Firefox系列的瀏覽器會阻擋本地字型以避免被fingerprint，這頁會引用大量外部字型，但不保證正常。

Sans（Sans-serif）

Serif

Monospace

特殊字

安裝

這邊列出在Ubuntu上可以直接下指令安裝的字型，包括了一些經典的字型（非CJK的部分）： 

sudo apt install -y fonts-3270 fonts-averia-gwf fonts-averia-sans-gwf fonts-averia-serif-gwf ttf-bitstream-vera fonts-cascadia-code fonts-cmu fonts-croscore fonts-droid-fallback fonts-firacode fonts-hack fonts-ibm-plex fonts-inconsolata fonts-ipaexfont fonts-ipafont fonts-jetbrains-mono fonts-noto-color-emoji fonts-noto-mono fonts-open-sans fonts-roboto fonts-roboto-slab texlive-fonts-extra ttf-anonymous-pro ttf-dejavu; sudo apt clean

CJK的部分： 

sudo apt install -y fonts-arphic-ukai fonts-arphic-uming fonts-noto-cjk fonts-noto-cjk-extra fonts-hanazono fonts-takao fonts-wqy-microhei fonts-wqy-zenhei; sudo apt clean

另外微軟曾經放出一些字型，有被收錄在APT Repository裡面，也可以直接安裝： 

sudo apt install -y ttf-mscorefonts-installer; sudo apt clean

參考文獻

外部連結

取自「https://wiki.gslin.org/index.php?title=Fonts&oldid=6088」