Carrdのカスタムフォントと内蔵フォント
Carrdは、タイポグラフィを制御するための3つの方法を提供します: 内蔵のGoogleフォント、ローカルでのフォント提供、CSSを介した完全なカスタムフォントの埋め込みです。これにより、シンプルなサイトを簡単にスタイル設定しつつ、Pro Standard以上にアップグレードすることでブランドフォントや言語特有の書体を導入できます。
ローカルフォントのアップロード (Pro Standard)
Carrd Pro Standard以上の場合、「フォントをローカルで提供」を切り替えることで、Google Fonts APIからではなく、Carrdがフォントファイルを直接サイトにホストします。これは、公開 → 設定 → オプション → 「フォントをローカルで提供」で行い、変更を公開します。訪問者にとっては視覚的に同じですが、ローカル提供はパフォーマンス、プライバシー要件、または外部CDNがブロックされている状況で役立ちます。参考: フォントをローカルで提供 – Carrdドキュメント。
埋め込みコードによるカスタムフォント
Carrdの内蔵リストにないフォントの場合、Pro Standardユーザーは埋め込み要素を使用してカスタムHTMLとCSSを挿入できます。一般的なパターンは、Google Fonts、Adobe Fonts、または他のCDNから@importや<link>タグを使用してフォントをインポートするか、自分の.woff / .woff2ファイルを指すセルフホストの@font-faceルールを定義し、CSSセレクタや要素IDを使用して特定の要素にそのfont-familyを適用します。これは、埋め込み要素がCarrdサイトの<style>タグをインラインまたは<head>に出力できるためです。参考: カスタムコードの埋め込み – Carrdドキュメント およびCarrdの埋め込み要素を使用したGoogle Fontsの使用に関するRedditのウォークスルー: Carrdに外部フォントを追加できますか？。
内蔵フォント (無料)
Carrdの内蔵フォントを使用するには、任意のテキスト要素を選択し、外観設定に移動して、フォントドロップダウンからフォントを選択します — コードやアップグレードは不要です。
組み込みフォントの全リスト
以下は、Carrdの組み込みフォントをGoogle Fontsとして参照したリストです。これらを見出し、本文、アクセントに組み合わせて使用できます。アラビア語、ヘブライ語、韓国語、日本語、中国語のデザインには特に便利です。
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
1900年代
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
ドットム, 韓国語, 韓国語
IM Fell English
タイプライター
Imprima
親しみやすい
Inconsolata
コード
Inria Serif
Instrument Serif
凝縮
Italiana
細い, ディドーネ, 見出し
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
ドットゥム、韓国語
ナショナルパーク
ニューアムステルダム
ノッシング・ユー・クッド・ドゥ
走り書き、手書き
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
セダン
花を贈る
筆記体、遊び心、かわいい
シャンテル・サンズ
手書き、マーカー
シュリカンド
斜体
シルクスクリーン
レトロ、テクノ、ゲーム、ピクセル
スクランジ
ファンキー
ソフィア・サンズ
サムタイプ・モノ
コード
ソラ
丸み、親しみやすい
ソース・サンズ 3
読みやすさ
ソース・セリフ 4
トランジショナル
スペース・モノ
幾何学的
スペシャル・エリート
タイプライター、グランジ
スペシャル・ゴシック・エクスパンデッド・ワン
スパイシー・ライス
ディスコ、レトロ
スクアダ・ワン
幾何学的
スリラチャ
斜体
スティント・ウルトラ・コンデンスド
凝縮
スエズ・ワン
重い
スーパーマーケット・ワン
幾何学的、スワッシュ、低コントラスト
スーゼ・モノ
シンコペート
未来的、ユニケース
サイン・モノ
不均一、グリッチ
タホマ
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 (Chinese font)
meishuti、中国語簡体字、不均一
Zilla Slab
スラブ