Carrd: пользовательские шрифты и встроенные шрифты
Carrd предлагает три способа управления типографикой: встроенные шрифты Google, локальное размещение шрифтов и добавление полностью пользовательских шрифтов через CSS. Это позволяет легко стилизовать простые сайты, а также использовать фирменные шрифты или шрифты для определенных языков при обновлении до Pro Standard или выше.
Загрузка локальных шрифтов (Pro Standard)
Если у вас Carrd Pro Standard или выше, вы можете включить «Локальное обслуживание шрифтов», чтобы Carrd размещал файлы шрифтов непосредственно на вашем сайте, а не загружал их из Google Fonts API. Это делается через Публикация → Настройки → Опции → «Локальное обслуживание шрифтов», затем публикуйте изменения. Для посетителей визуально ничего не изменится, но локальное обслуживание может помочь с производительностью, требованиями конфиденциальности или в ситуациях, когда внешние CDN заблокированы. Ссылка: Serving Fonts Locally – Carrd docs.
Пользовательские шрифты через код вставки
Для шрифтов, которых нет в встроенном списке Carrd, пользователи Pro Standard могут использовать элемент Embed для вставки пользовательского HTML и CSS. Обычная схема — импортировать шрифт из Google Fonts, Adobe Fonts или другого CDN с помощью @import или тега <link>, либо определить правило @font-face для самохостинга, указывающее на ваши собственные файлы .woff / .woff2, затем применить это font-family к конкретным элементам с помощью CSS селекторов или ID элементов. Это работает, потому что элемент Embed может выводить теги <style> либо встроенно, либо в <head> вашего сайта Carrd. Ссылки: Embedding Custom Code – Carrd docs и обсуждение на Reddit о использовании Google Fonts с элементом Embed Carrd: Can external fonts be added to 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
dotum, корейский, корейский
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
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 (Китайский шрифт)
meishuti, упрощенный китайский, неровный
Zilla Slab
slab