檢視 Fonts 的原始碼

<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） ==

<div style="font-size: x-large;">
* <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: 'Anybody';">[https://fonts.google.com/specimen/Anybody Anybody]</span>
* <span style="font-family: 'Archivo';">[https://fonts.google.com/specimen/Archivo Archivo]</span>
* <span style="font-family: 'Arimo';">[https://fonts.google.com/specimen/Arimo Arimo]</span>
* <span style="font-family: 'Armata';">[https://fonts.google.com/specimen/Armata Armata]</span>
* <span style="font-family: 'Average Sans';">[https://fonts.google.com/specimen/Average+Sans Average Sans]</span>
* <span style="font-family: 'BIZ UDPGothic';">[https://fonts.google.com/specimen/BIZ+UDPGothic BIZ UDPGothic]</span>
* <span style="font-family: 'DejaVu Sans';">[https://dejavu-fonts.github.io/ DejaVu Sans]</span>
* <span style="font-family: 'Dhyana';">[https://www.wfonts.com/font/dhyana Dhyana]</span>
* <span style="font-family: 'Doppio One';">[https://fonts.google.com/specimen/Doppio+One Doppio One]</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: '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: '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: '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: 'Inter';">[https://fonts.google.com/specimen/Inter Inter]</span>
* <span style="font-family: 'Karla';">[https://fonts.google.com/specimen/Karla Karla]</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: 'Manrope';">[https://fonts.google.com/specimen/Manrope Manrope]</span>
* <span style="font-family: 'Marcellus';">[https://fonts.google.com/specimen/Marcellus Marcellus]</span>
* <span style="font-family: 'Martel Sans';">[https://fonts.google.com/specimen/Martel+Sans Martel Sans]</span>
* <span style="font-family: 'Masifa';">[https://www.fonts.com/font/hurufatfont/masifa Masifa]</span>（付費）
* <span style="font-family: 'Merriweather Sans';">[https://fonts.google.com/specimen/Merriweather+Sans Merriweather Sans]</span>
* <span style="font-family: 'Miriam Libre';">[https://fonts.google.com/specimen/Miriam+Libre Miriam Libre]</span>
* <span style="font-family: 'Montreux Classic';">[https://rohhtype.com/font/montreux-classic/ Montreux Classic]</span>（付費）
* <span style="font-family: 'Nobile';">[https://fonts.google.com/specimen/Nobile Nobile]</span>
* <span style="font-family: 'Numans';">[https://fonts.google.com/specimen/Numans Numans]</span>
* <span style="font-family: 'Open Sans';">[https://fonts.google.com/specimen/Open+Sans Open Sans]</span>
* <span style="font-family: 'Plus Jakarta Sans';">[https://fonts.google.com/specimen/Plus+Jakarta+Sans Plus Jakarta Sans]</span>
* <span style="font-family: 'Rubik';">[https://fonts.google.com/specimen/Rubik Rubik]</span>
* <span style="font-family: 'Ruda';">[https://fonts.google.com/specimen/Ruda Ruda]</span>
* <span style="font-family: 'Sana Sans';">[https://www.fonts.com/font/latinotype/sana-sans Sana Sans]</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: '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: '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: '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>

== Serif ==

<div style="font-size: x-large;">
* <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: '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: 'CMU Serif';">[https://fontlibrary.org/en/font/cmu-serif CMU Serif]</span>
* <span style="font-family: 'DM Serif Display';">[https://fonts.google.com/specimen/DM+Serif+Display DM Serif Display]</span>
* <span style="font-family: 'Libre Baskerville';">[https://fonts.google.com/specimen/Libre+Baskerville Libre Baskerville]</span>
* <span style="font-family: 'Merriweather';">[https://fonts.google.com/specimen/Merriweather Merriweather]</span>
* <span style="font-family: 'Playfair Display';">[https://fonts.google.com/specimen/Playfair+Display Playfair Display]</span>
* <span style="font-family: 'Roboto Slab';">[https://fonts.google.com/specimen/Roboto+Slab Roboto Slab]</span>
* <span style="font-family: 'Source Serif 4';">[https://fonts.google.com/specimen/Source+Serif+4 Source Serif 4]</span>
* <span style="font-family: 'Zilla Slab';">[https://fonts.google.com/specimen/Zilla+Slab Zilla Slab]</span>
</div>

== Monospace ==

<div style="font-size: x-large;">
* <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: '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: '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: '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: '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: 'Hera';">[https://github.com/sayyadirfanali/Hera Hera]</span>
* <span style="font-family: 'IBM Plex Mono';">[https://fonts.google.com/specimen/IBM+Plex+Mono IBM Plex Mono]</span>
* <span style="font-family: 'Iosevka Term';">[https://github.com/be5invis/Iosevka Iosevka Term]</span>
* <span style="font-family: 'JetBrains Mono';">[https://www.jetbrains.com/lp/mono/ JetBrains Mono]</span>
* <span style="font-family: 'Monaspace';">[https://github.com/githubnext/monaspace Monaspace]</span>
* <span style="font-family: 'Sometype Mono';">[https://github.com/dharmatype/Sometype-Mono Sometype Mono]</span>
* <span style="font-family: 'Source Code Pro';">[https://github.com/adobe-fonts/source-code-pro Source Code Pro]</span>
* <span style="font-family: 'Spline Sans Mono';">[https://github.com/SorkinType/SplineSansMono Spline Sans 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>
</div>

== 特殊字 ==

<div style="font-size: x-large;">
* <span style="font-family: 'Special Elite';">[https://fonts.google.com/specimen/Special+Elite Special Elite]</span>
</div>

== 安裝 ==

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

<syntaxhighlight lang="bash">
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
</syntaxhighlight>

CJK的部分：

<syntaxhighlight lang="bash">
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
</syntaxhighlight>

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

<syntaxhighlight lang="bash">
sudo apt install -y ttf-mscorefonts-installer; sudo apt clean
</syntaxhighlight>

== 參考文獻 ==

== 外部連結 ==

* [https://en.wikipedia.org/wiki/List_of_CJK_fonts List of CJK fonts] {{en}}
* [https://devfonts.gafi.dev/ Dev Fonts] {{en}}
* [https://fontlibrary.org/ Font Library] {{en}}
* [https://www.programmingfonts.org/ Programming Fonts] {{en}}