Carrd 自定义字体和内置字体

Last updated on 12/3/2025@mrbirddev
Carrd 自定义字体和内置字体

Carrd 提供三种主要方式来控制排版:内置 Google 字体、本地提供这些字体,以及通过 CSS 嵌入完全自定义的字体。这样可以让简单的网站易于设计,同时在升级到 Pro Standard 或更高版本时,仍然可以引入品牌字体或特定语言的字体。

上传本地字体 (Pro Standard)

如果您使用的是 Carrd Pro Standard 或更高版本,可以切换“本地提供字体”,这样 Carrd 就会直接在您的网站上托管字体文件,而不是从 Google Fonts API 拉取。这可以通过发布 → 设置 → 选项 → “本地提供字体”来完成,然后发布您的更改。对于访问者来说,视觉体验是相同的,但本地提供可以帮助提高性能、满足隐私要求或在外部 CDN 被阻止的情况下使用。参考:本地提供字体 – Carrd 文档

通过嵌入代码自定义字体

对于不在 Carrd 内置列表中的字体,Pro Standard 用户可以使用嵌入元素插入自定义 HTML 和 CSS。典型的模式是使用 @import<link> 标签从 Google Fonts、Adobe Fonts 或其他 CDN 导入字体,或者定义一个指向您自己的 .woff / .woff2 文件的自托管 @font-face 规则,然后使用 CSS 选择器或元素 ID 将该 font-family 应用于特定元素。这是可行的,因为嵌入元素可以在 Carrd 网站的 <style> 标签中输出内联或放入 <head> 中。参考:嵌入自定义代码 – Carrd 文档 和 Reddit 上关于使用 Google Fonts 与 Carrd 嵌入元素的教程:可以将外部字体添加到 Carrd 吗?

内置字体 (免费)

要使用 Carrd 的内置字体,选择任何文本元素,进入其外观设置,然后从字体下拉菜单中选择字体 — 无需代码或升级。

内置字体完整列表

以下是 Carrd 内置字体作为 Google 字体的参考列表。您可以将这些字体混合搭配用于标题、正文和强调,带有语言标签的条目在为阿拉伯语、希伯来语、韩语、日语或中文设计时特别有用。

Abel

紧凑

Abril Fatface

厚重,优雅,迪多,标题

Agbalumo

笔刷,倾斜

Akshar

紧凑,狭窄

Alef

几何

Alegreya Sans

人文,文学

Alexandria

Alice

旧式,标题

Allerta Stencil

模板

Alumni Sans Pinstripe

轻,细

Amiri

1900年代,优雅

Anonymous Pro

代码

Antonio

狭窄,未来感,高,现代,科技

Archivo

Aref Ruqaa

书法

Arimo

易读性,识字

Asap

圆润

Atkinson Hyperlegible

识字

Atkinson Hyperlegible Next

识字

Averia Sans Libre

粗糙

Azeret Mono

单线

Bagel Fat One

圆点,韩文,韩语,胖,可爱,圆润

Bakbak One

厚重

Bangers

漫画,倾斜,卡通,大写

BBH Sans Bartle

BBH Sans Hegarty

Belleza

人文主义

Bellota Text

大尺寸,宽

Beth Ellen

草书,浪漫

Big Shoulders Display

紧凑,高,窄

Big Shoulders Text

紧凑,高

BioRhyme Expanded

厚板,扩展

Blaka

哥特式,阿拉伯

Bodoni Moda

高对比

Borel

法式,草书,连笔

Bruno Ace

科技,几何

Brygada 1918

20世纪初

Bungee

标牌

Cairo

书法,现代,宽

Caprasimo

厚重

Carter One

纸浆

Caveat

潦草

Changa

方形

Chewy

卡通

Cinzel

大写

Climate Crisis

粗重、块状、圆形、标题

Comfortaa

圆形、几何、大尺寸

Comic Neue

漫画

Corben

圆形

Cormorant SC

小型大写

Courier Prime

低对比度、单线、打字机

Crimson Text

旧式

Darker Grotesque

轻盈

Delicious Handrawn

手写

DM Mono

DM Serif Text

几何、低对比度

DotGothic16

角哥特体、日语、像素、游戏

Droid Sans

DynaPuff

俏皮

EB Garamond

易读性

El Messiri (Arabic font)

阿拉伯语

Encode Sans

圆形、人文、几何

Encode Sans Semi Expanded

扩展

Exo

几何、科技

Faculty Glyphic

Fascinate Inline

装饰艺术、高对比度

Festive

装饰、趣味、旋涡、异想天开

Fira Mono

代码

Fira Sans Condensed

压缩

Frank Ruhl Libre (Hebrew font)

Fredoka

圆形

Funnel Display

Gabarito

几何

Galdeano

人文主义

Geist

Gelasio

Geo

方形,几何

Georama

Gloock

高对比度

Gochi Hand

涂鸦,卡通

Gothic A1 (Korean font)

点阵,韩文,韩语

Grandstander

儿童,圆形,友好

Grenze

罗马,黑体

Hachi Maru Pop

可爱,丸哥特,日文,1970年代,1980年代,卡哇伊,日语

Handjet

像素

Hedvig Letters Serif

Hepta Slab

厚板

Hind

人文主义,单线

Hubot Sans

IBM Plex Mono

怪诞,代码

IBM Plex Sans Arabic

阿拉伯语

IBM Plex Sans Hebrew

希伯来语

IBM Plex Sans KR

dotum,韩语,韩文

IM Fell English

打字机

Imprima

友好

Inconsolata

代码

Inria Serif

Instrument Serif

紧凑

Italiana

细,Didone,标题

Jacquard 12

针织

JetBrains Mono

代码

Jura

欧式风格

Kalnia

高对比度

Karantina

紧凑,希伯来语

Karla

怪诞

Kaushan Script

刷子,手写体

Knewave

刷子

Kode Mono

代码

Kosugi (Japanese font)

角哥特体,日语

Krona One

Kulim Park

低对比度

Langar

Lato

友好,现代

League Spartan

几何

Lexend

易读性

Lexend Giga

易读性

Libre Franklin

1900年代

Lobster

有趣

Londrina Outline

有趣,轮廓,手写

Londrina Sketch

轮廓,素描,手写

Lora

Lunasima

M PLUS Rounded 1c (Japanese font)

圆体,日文,圆润

Major Mono Display

不均匀,大写,几何

Manrope

圆润

Marcellus

罗马

Matemasie

Meow Script

草书,有趣

Merriweather Sans

低对比度,紧凑

Metrophobic

几何

Micro 5

小尺寸

Mochiy Pop P One

圆体,日文,漫画,日文,哥特,可爱,标牌

Mona Sans

Montserrat

标牌,都市,复古

Montserrat Underline

标牌,都市,复古

Mouse Memoirs

卡通,1950年代,1960年代,漫画

Muli

MuseoModerno

几何

Nanum Gothic

点阵,韩文

National Park

New Amsterdam

Nothing You Could Do

涂鸦,手写

Noto Sans TC

黑体,繁体中文

Noto Serif SC

宋体,简体中文,小型大写字母

Nova Mono

圆形,代码

Nunito Sans

Onest

人文,几何

Open Sans Condensed

压缩,人文

Orbitron

几何,未来感,方形,科技

Oswald

Overpass

Ovo

1930年代,大尺寸

Pacifico

1950年代,冲浪,刷子

Parkinsans

Patua One

低对比度

Petrona

草书,低对比度

Pixelify Sans

像素

Playpen Sans

儿童,活泼,手写

Poiret One

艺术装饰,哥特,几何

Potta One

流行,日文,刷子

Prata

迪多,强对比

Prompt

无环,宽,易读性

PT Serif

过渡

Qahiri (Arabic font)

阿拉伯语

Quattrocento Sans

小尺寸

Quicksand

轻盈

Rammetto One

复古

Recursive

代码

Red Hat Text

几何

Reddit Sans

人文

Redressed

手写

Rethink Sans

Roboto

易读性

Roboto Mono

代码

Roboto Slab

衬线,几何

Rowdies

块状,时髦

Rubik

圆润

Rubik Mono One

大写,厚重,圆润

Sacramento

草书,1950年代,1960年代,连笔,标题

Saira Condensed

紧凑

Saira Semi Condensed

紧凑

Sansita Swashed

花体

Sarpanch

方形,科技,高对比度,标题

Satisfy

草书

Sawarabi Mincho

日语

Schibsted Grotesk

Sedan

Send Flowers

草书,俏皮,可爱

Shantell Sans

手写,记号笔

Shrikhand

倾斜

Silkscreen

复古,科技,游戏,像素

Skranji

时髦

Sofia Sans

Sometype Mono

代码

Sora

圆润,友好

Source Sans 3

易读性

Source Serif 4

过渡

Space Mono

几何

Special Elite

打字机,粗糙

Special Gothic Expanded One

Spicy Rice

迪斯科,复古

Squada One

几何

Sriracha

倾斜

Stint Ultra Condensed

紧缩

Suez One

厚重

Supermercado One

几何,花体,低对比

SUSE Mono

Syncopate

未来感,单字母

Syne Mono

不均匀,故障

Tahoma

Tapestry

书法体,罗马体

Tektur

科技感,未来感

Texturina

黑体

Tilt Prism

几何,轮廓

Times New Roman

Tiro Gurmukhi

Titillium Web

现代

Trispace

Turret Road

低对比,几何,未来感

Ubuntu Condensed

紧凑

Unbounded

圆润

Unna

新古典

Urbanist

低对比,现代,几何

Varela Round

圆润

Vend Sans

Viaoda Libre

奇思妙想

Vidaloka

迪多体,高对比,标题

VT323

代码,像素,游戏

WindSong

草书

Wix Madefor Display

紧凑

Work Sans

怪诞

Yellowtail

草书,1930年代,刷笔

Young Serif

厚重

Ysabeau Office

轻,低对比

Zalando Sans Expanded

ZCOOL KuaiLe (中文字体)

美术体,简体中文,不均匀

Zilla Slab

粗体字

Last updated on 12/3/2025@mrbirddev
Recent Articles
Loading...