Variable Fonts
⚠️ Notice: As a showcase of variable fonts, this site requires a web browser that supports OpenType font variation technology. It looks like your browser doesn’t, so please consider upgrading to one that does (the latest versions of Chrome work well, even on older operating systems). Otherwise, the font samples below will only appear as static fonts.
HEX Franklin Variable
| Weight: | 400 | 800 | |
|---|---|---|---|
| Width: | 65 | 100 |
A 21st-century tribute to the classic Franklin Gothic type family and its lighter-weight siblings, News Gothic and Lightline Gothic. The design draws specifically from ATF’s original fonts for letterpress printing, and not the later adaptations from other companies. Offered with discounted pricing while it’s still a work in progress.
Full disclosure: This typeface was designed by the editor of this website.
Exposure VAR
| Exposure: | -100 | 100 |
|---|
A serif typeface that emulates varying levels of photographic exposure or ink spread.
| Tags: decorative/display, body text, serif, closed in, filled counters, multiplexed, multiplexed weight, oldstyle, phototype, rounded, soft corners, stub serifs, unusual variation | |
| Design: | Federico Parra Barrios |
|---|---|
| Publisher: | 205TF |
| Characters: | Latin |
| Released: | 2022-04-07 |
| Licensing: | Paid/commercial, Trial |
| Info/fonts: | 205.tf |
Graveur Variable
| Optical size: | 6 | 36 | |
|---|---|---|---|
| Weight: | 300 | 900 |
A modern interpretation of the work of 16th-century punchcutter Robert Granjon.
| Tags: body text, serif, oldstyle, optical sizes, sharp | |
| Design: | Juanjo López |
|---|---|
| Publisher: | Huy! Fonts |
| Characters: | Latin, Vietnamese |
| Released: | 2021-11-01 |
| Licensing: | Paid/commercial, Trial |
| Info/fonts: | juanjez.com |
Roboto Flex
| wght: | 100 | 1000 | |
|---|---|---|---|
| wdth: | 151 | ||
| opsz: | 8 | 144 | |
| GRAD: | -200 | 150 | |
| slnt: | -10 | 0 | |
| XTRA: | 323 | 603 | |
| XOPQ: | 27 | 175 | |
| YOPQ: | 25 | 135 | |
| YTLC: | 416 | 570 | |
| YTUC: | 528 | 760 | |
| YTAS: | 649 | 854 | |
| YTDE: | -305 | -98 | |
| YTFI: | 560 | 788 |
A variable adaptation of Google’s Roboto typeface, with a bevy of options for adjusting different parameters of the design.
| Tags: body text, sans, feature variations, monoline, multiplexed, multiplexed weight, neo-grotesque, optical sizes, retractable extenders, unusual variation | |
| Design: | Font Bureau, David Berlow, Santiago Orozco, Irene Vlachou, Ilya Ruderman, Yury Ostromentsky, Mikhail Strukov, Christian Robertson |
|---|---|
| Publisher: | |
| Characters: | Latin, Greek, Cyrillic, Vietnamese |
| Released: | 2021-09-22 |
| Updated: | 2022-04-14 |
| Licensing: | Open source |
| Info/fonts: | github.com |
Helvetica Now Variable
| Weight: | 50 | ||
|---|---|---|---|
| Width: | 50 | 100 | |
| Optical size: | 4 | 30 |
A variable incarnation of Monotype’s Helvetica Now series.
| Tags: decorative/display, body text, sans, feature variations, ink traps, monoline, multiplexed, multiplexed posture, neo-grotesque, optical sizes | |
| Design: | Max Miedinger, Charles Nix, Friedrich Althausen, Emilios Theofanous, Malou Verlomme, Jan Hendrik Weber, Monotype Studio |
|---|---|
| Publisher: | Monotype |
| Characters: | Latin |
| Released: | 2021-07-13 |
| Licensing: | Paid/commercial |
| Info/fonts: | myfonts.com |
Ika VAR & Ika Compact VAR
- Ika Compact VAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ
αβγδεζηθικλμνξοπρσςτυφχψω
АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзийклмнопрстуфхцчшщъыьэюя - Ika VAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ
αβγδεζηθικλμνξοπρσςτυφχψω
АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзийклмнопрстуфхцчшщъыьэюя - Ika VAR Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ
αβγδεζηθικλμνξοπρσςτυφχψω
АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдежзийклмнопрстуфхцчшщъыьэюя
| Width: | 3 | 5 | |
|---|---|---|---|
| Weight: | 100 | 900 |
Ika Compact varies in width only and is intended for larger headlines, where the standard Ika styles vary in weight only and is intended more for smaller text typesetting.
| Tags: body text, sans, gothic, monoline | |
| Design: | Jörg Hemker |
|---|---|
| Publisher: | Fontwerk |
| Characters: | Latin, Greek, Cyrillic |
| Released: | 2021-07-06 |
| Licensing: | Paid/commercial, Trial |
| Info/fonts: | fontwerk.com |
SKWAR VAR
| Weight: | 100 | 900 | |
|---|---|---|---|
| Width: | 500 | 1000 |
A monospaced, all-caps, pixel typeface.
| Tags: sans, all caps, monoline, monospaced, pixel, polygonal, rectangular, straight-sided | |
| Design: | Heydon |
|---|---|
| Publisher: | Heydon |
| Characters: | Latin (limited) |
| Released: | 2021-06-24 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | heydon. works/skwar |
Pimpit
| Pump: | 100 | 700 |
|---|
A funky rounded sans where some sections of glyphs can be inflated to create an irregular rhythm.
| Tags: decorative/display, sans, futuristic/sci-fi, horizontal stress, modular, phototype, rounded, soft corners, straight-sided, unusual variation | |
| Design: | Benoît Bodhuin |
|---|---|
| Publisher: | bb-bureau |
| Characters: | Latin |
| Released: | 2021-06-21 |
| Licensing: | Paid/commercial |
| Info/fonts: | bb-bureau.fr |
SF Arabic
| Weight: | 1 | 1000 | |
|---|---|---|---|
| Optical Size: | 17 | 80 |
SF Arabic is an extension of Apple’s San Francisco type series, used as the Arabic system font on Apple platforms.
It is a “contemporary interpretation of the Naskh style with a rational and flexible design”.
Muoto VAR
| Weight: | 100 | 900 |
|---|
A sans typeface designed with/for Base Design.
| Tags: body text, sans, geometric, neo-grotesque, vertex spread | |
| Design: | Matthieu Cortat, Anthony Franklin, Sander Vermeulen |
|---|---|
| Publisher: | 205TF |
| Characters: | Latin |
| Released: | 2021-06-02 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | 205.tf |
Fern Variable
| Weight: | 400 | 800 | |
|---|---|---|---|
| Optical SIze: | 8 | 12 |
A chunky Venetian-style serif typeface intended for on-screen reading.
| Tags: body text, serif, oldstyle, optical sizes, wedge serif | |
| Design: | David Jonathan Ross |
|---|---|
| Publisher: | DJR, Font of the Month Club |
| Characters: | Latin, Vietnamese |
| Released: | 2021-06-01 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | djr.com |
West VAR
| Weight: | 100 | 900 | |
|---|---|---|---|
| Italic: | 0 | 1 |
A geometric sans.
Irregardless Variable
| Weight: | 0 | 1000 | |
|---|---|---|---|
| Slant: | 0 | 9 |
A playful condensed sans with alternate glyphs for things like wide rounds.
| Tags: decorative/display, sans, cartoon, irregular widths, monoline, multiplexed, multiplexed posture, overbite/underbite, unicase | |
| Design: | James T. Edmondson |
|---|---|
| Publisher: | OH no Type Co. |
| Characters: | Latin |
| Released: | 2021-05-18 |
| Licensing: | Paid/commercial |
| Info/fonts: | ohnotype.co |
Extendomatic Variable
| Slant: | -20 | 20 | |
|---|---|---|---|
| Tracking: | 0 | 1000 | |
| Weight: | 200 | 800 |
A geometric take on connected monoline script styles as seen on 20th-century cars and appliances, with the ability to stretch inter-letter connections and add snap-on under- and overline extenders.
| Tags: decorative/display, sans, script, backslant, connecting, monoline, multiplexed, multiplexed posture, unusual variation | |
| Design: | David Jonathan Ross |
|---|---|
| Publisher: | DJR, Font of the Month Club |
| Characters: | Latin, Vietnamese |
| Released: | 2021-05-01 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | djr.com |
Postea Var
| Weight: | 100 | 800 |
|---|
TypeTogether’s take on 20th-century German geometric typefaces. Azza Alameddine and Roxane Gataud were assistant designers on the project.
| Tags: decorative/display, body text, sans, geometric, bent strokes, monoline, woman-designed | |
| Design: | Veronika Burian, José Scaglione |
|---|---|
| Publisher: | TypeTogether |
| Characters: | Latin |
| Released: | 2021-04-29 |
| Licensing: | Paid/commercial |
| Info/fonts: | type-together. com |
GT Maru VF
| Optical size: | 25 | 175 | |
|---|---|---|---|
| Weight: | 300 | 900 | |
| Slant: | 0 | 7 |
A rounded sans inspired by Latin glyphs in Japanese signage and engraved lettering, with an accompanying bubbly display face.
| Tags: decorative/display, body text, sans, geometric, cartoon, dimensional, monoline, monospaced, multiplexed, multiplexed posture, multiplexed weight, optical sizes, ornamented, plump/convex, rounded | |
| Design: | Thierry Blancpain |
|---|---|
| Publisher: | Grilli Type |
| Characters: | Latin |
| Released: | 2021-04-27 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | gt-maru. com |
Tatras Shaded
| Shadow: | 10 | 50 |
|---|
A narrow sans with highlight effects, inspired by eastern European socialist design from the middle of the 20th century. Offered with discounted pricing while it’s still a work in progress.
| Tags: decorative/display, sans, inline, inserat, multiplexed, ornamented, shade | |
| Design: | Sébastien Sanfilippo |
|---|---|
| Publisher: | Love Letters |
| Characters: | Latin |
| Released: | 2021-04-26 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | futurefonts.xyz |
Immortel VAR
- Immortel Infra VAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 - Immortel Infra VAR Median
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 - Immortel Infra VAR Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 - Immortel Vena VAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 - Immortel Vena VAR Median
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 - Immortel Vena VAR Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
| Grade: | 0 | 10 |
|---|
The Immortel family of serif typefaces comprises four variants (Infra, Colera, Vena, and Acedia), all designed with multiplexed set widths to be interchangeable without causing text to reflow.
The Infra and Vena variants – inspired by Robert Granjon and Jacques-François Rosart, respectively – are intended for use in running body text. They include “Median” italics for longer blocks of text, as well as more exaggerated italics for stronger emphasis. They both also offer a variable grade axis for slight weight adjustments, to accommodate different typographic environments and user preferences.
| Tags: body text, serif, ball terminals, multiplexed, multiplexed weight, oldstyle | |
| Design: | Clément Le Tulle-Neyret |
|---|---|
| Publisher: | 205TF |
| Characters: | Latin |
| Released: | 2021-04-14 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | 205.tf |
Loos Variable
| Weight: | 0 | 1000 | |
|---|---|---|---|
| Width: | 0 | 1000 |
An industrial sans covering a broad stylistic range, with ink trap features that create intentional dark spots in the lighter weights.
| Tags: sans, gothic, ink traps, inserat, monoline, straight-sided | |
| Design: | Ilya Ruderman, Yury Ostromentsky |
|---|---|
| Publisher: | CSTM Fonts |
| Characters: | Latin, Cyrillic, Georgian |
| Released: | 2021-04-13 |
| Licensing: | Paid/commercial |
| Info/fonts: | type.today |
Caraque VF
| Weight: | 400 | 900 | |
|---|---|---|---|
| Melt: | 1 | 100 |
A rounded sans that fills in on itself in heavier weights and can morph in to blobbier forms forms, like chocolate letters melting.
| Tags: decorative/display, sans, cartoon, closed in, feature variations, filled counters, gothic, monoline, multiplexed, plump/convex, psychedelic, rounded, unusual variation, wavy/wiggly | |
| Design: | Pablo Gámez |
|---|---|
| Publisher: | Dalton Maag |
| Characters: | Latin |
| Released: | 2021-04-08 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | daltonmaag. com |
Sculpin Variable
| Weight: | 300 | 900 |
|---|
A sharp sans inspired by square-edged tools like a flat brush.
| Tags: body text, sans, flat brush, gothic, pinched joints, sharp | |
| Design: | Eric Olson |
|---|---|
| Publisher: | Process Type Foundry |
| Characters: | Latin |
| Released: | 2021-03-30 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | processtypefoundry.com |
Heliuum VAR
| Weight: | 200 | 400 |
|---|
A typographic system built into a single font, containing 7 sets of capitals with different heights and vertical positions for mixing and matching. Glyph variants are accessible via OpenType with stylistic sets or by repeating characters while discretionary ligatures are enabled, with uppercase and lowercase changing height and position, respectively.
| Tags: decorative/display, sans, geometric, all caps, gothic, modular, monoline, multiplexed, multiplexed weight, straight-sided, vertex spread | |
| Design: | Damien Gautier |
|---|---|
| Publisher: | 205TF |
| Characters: | Latin |
| Released: | 2021-03-03 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | 205.tf |
Job Clarendon Variable
| Weight: | 1 | 900 |
|---|
An homage to 19th-century slab serifs, drawn by David Jonathan Ross with direction from designer and writer Bethany Heck.
| Tags: decorative/display, slab serif, ball terminals, closed in, feature variations, monoline, Victorian, wood type | |
| Design: | David Jonathan Ross |
|---|---|
| Publisher: | DJR, Font of the Month Club |
| Characters: | Latin, Vietnamese |
| Released: | 2021-03-01 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | djr. com |
Proxima Vara
| Weight: | 100 | 900 | |
|---|---|---|---|
| Width: | 50 | 100 | |
| Italic: | 0 | 125 |
A variable adaptation of the immensely popular Proxima Nova type family.
| Tags: body text, sans, geometric, feature variations, gothic, monoline, multiplexed, multiplexed posture | |
| Design: | Mark Simonson |
|---|---|
| Publisher: | Mark Simonson |
| Characters: | Latin, Vietnamese, Greek, Cyrillic |
| Released: | 2021-03-01 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | proxima-vara.marksimonson.com |
Wavefont
| Width: | 1 | 108 | |
|---|---|---|---|
| align: | 0 | 1 | |
| radius: | 0 | 50 |
A variable font that can be used for rendering charts by mapping data values to Unicode characters.
| Tags: dingbats, modular, monospaced, multiplexed, multiplexed weight, pixel, unusual variation | |
| Design: | Dmitry IV. |
|---|---|
| Publisher: | Dmitry IV. |
| Characters: | dingbats/emoji |
| Released: | 2021-02-26 |
| Licensing: | Open source |
| Info/fonts: | a-vis.github.io/wavefont/ |
Linefont
| Width: | 50 | 500 | |
|---|---|---|---|
| Weight: | 20 | 500 |
A variable font that can be used for rendering line chart data by mapping data values to Unicode characters.
| Tags: dingbats, modular, monospaced, multiplexed, multiplexed weight, pixel, unusual variation | |
| Design: | Dmitry IV. |
|---|---|
| Publisher: | Dmitry IV. |
| Characters: | dingbats/emoji |
| Released: | 2021-02-16 |
| Licensing: | Open source |
| Info/fonts: | a-vis.github.io/linefont/ |
Widescreen VF
| Weight: | 100 | 900 | |
|---|---|---|---|
| Mixed: | 100 | 200 | |
| Width: | 100 | 200 |
A geometric sans that takes on a more sci-fi feeling in its wider variants. Includes an axis to only widen some glyphs, resulting in an irregular mixed-width style.
| Tags: decorative/display, sans, geometric, futuristic/sci-fi, irregular widths, monoline, unusual variation | |
| Design: | Matt Burvill |
|---|---|
| Publisher: | Dalton Maag |
| Characters: | Latin |
| Released: | 2021-02-11 |
| Licensing: | Trial, Paid/commercial |
| Info/fonts: | daltonmaag. com |
Belarius Var
| Weight: | 300 | 800 | |
|---|---|---|---|
| Width: | 80 | 120 | |
| Serif: | 0 | 150 |
A typeface with retractable serifs, allowing it to vary between sans and slab styles.
| Tags: decorative/display, serif, slab serif, sans, gothic, neo-grotesque, retractable serifs, unusual variation | |
| Design: | Veronika Burian, José Scaglione, Azza Alameddine, Pooja Saxena |
|---|---|
| Publisher: | TypeTogether |
| Characters: | Latin |
| Released: | 2021-01-26 |
| Licensing: | Paid/commercial |
| Info/fonts: | type-together.com |
Golos Text VF & Golos UI VF
| Weight: | 400 | 700 |
|---|
A pair of related sans typefaces commissioned by Smena and AIC Media for official state and social service websites in Russia.
Golos Text is designed for continuous reading, whereas Golos UI – with slightly narrower proportions and multiplexed weights – is intended more for user interface elements.
| Tags: body text, sans, multiplexed, multiplexed weight, neo-grotesque, straight-sided, superellipse, woman-designed | |
| Design: | Alexandra Korolkova, Vitaly Kuzmin |
|---|---|
| Publisher: | Paratype |
| Characters: | Latin, Cyrillic |
| Released: | 2020-12-29 |
| Licensing: | Open source |
| Info/fonts: | paratype.com |
STIX Two
| Weight: | 400 | 700 |
|---|
The Scientific and Technical Information eXchange (STIX) fonts are made to serve the scientific and engineering communities as fonts with the character support and technical functionality for use in related publications.
The design is intended to be compatible with Times.
| Tags: body text, serif | |
| Design: | Ross Mills, John Hudson, Tiro Typeworks, Paul Hanslow |
|---|---|
| Publisher: | STI Pub |
| Characters: | Latin, Greek, Cyrillic, Vietnamese |
| Released: | 2020-12-18 |
| Updated: | 2021-05-26 |
| Licensing: | Open source |
| Info/fonts: | github.com |
Лучшие места для скачивания бесплатных шрифтов
(Изображение предоставлено: реклама Кэтрин Фоллс через Getty Images) Вы можете скачать бесплатные шрифты со многих различных сайтов в Интернете, и бесплатные шрифты действительно могут помочь вам, если у вас ограниченный бюджет, но это помогает узнать, где лучше всего начать поиск, чтобы найти лучший шанс быстро найти нужный шрифт. . Легко в конечном итоге потратить часы на поиск в библиотеках шрифтов, но мы были там, и мы выбрали лучшие места для загрузки бесплатных шрифтов, чтобы избавить вас от работы.
Помимо наиболее очевидных источников, к которым можно обратиться для бесплатной загрузки шрифтов, мы также нашли несколько менее известных сайтов, в том числе портфолио отдельных дизайнеров. Просто убедитесь, что вы всегда проверяете условия лицензии любого бесплатного шрифта, который вы загружаете — многие сайты имеют разные лицензии для разных шрифтов, и хотя некоторые из них бесплатны для всех видов использования, другие бесплатны только для некоммерческого использования.
Если вы ищете предложения о том, какие именно бесплатные шрифты скачать, посмотрите наш выбор лучших бесплатных шрифтов, или для более острого взгляда, посмотрите наш выбор лучших бесплатных шрифтов татуировки). Одной из наших любимых библиотек шрифтов в целом является MyFonts, которая имеет как бесплатные, так и платные опции. Перейдите по ссылке ниже, чтобы перейти прямо к MyFonts, или прокрутите вниз, чтобы узнать больше о лучших местах для загрузки бесплатных шрифтов.
(открывается в новой вкладке)
Получить шрифты с myfonts.
com (открывается в новой вкладке)
myfonts.com от Monotype — одна из наших любимых библиотек шрифтов. Он имеет более 230 000 шрифтов, от шрифтов кисти до шрифтов дисплея. Более 900 из них совершенно бесплатны.
Лучшие места для загрузки бесплатных шрифтов
01. FontSpace
Четкие метки помогут вам увидеть, что бесплатно, а что нет, чтобы вы могли скачать бесплатные шрифты с FontSpace. (Изображение предоставлено FontSpace)(открывается в новой вкладке)
С более чем 100 000 шрифтов, доступных в вариантах TrueType и OpenType, FontSpace (открывается в новой вкладке) является полезным сайтом для загрузки бесплатных шрифтов. Все аккуратно отсортировано по широкому кругу категорий, чтобы помочь вам найти то, что вы хотите. Наряду с типичными «serif», «script» и т. д. существуют категории шрифтов, разработанных для особых случаев — идеально, если вы не совсем уверены, какой тип шрифта вы ищете.
У FontSpace более 3000 дизайнеров, поставляющих шрифты, и они четко обозначены, чтобы вы могли быть уверены, подходит ли шрифт для коммерческого использования или его следует использовать только для личных проектов.
02. FontM
FontM лидирует среди бесплатных шрифтов, но также предлагает несколько отличных шрифтов премиум-класса (Изображение предоставлено FontM)(открывается в новой вкладке) в новой вкладке) выбор бесплатных шрифтов хорошо организован по всем категориям, которые вам могут понадобиться, и, помимо шрифтов, доступных для загрузки в других местах в Интернете, у него также есть немало собственных разработок. Помимо бесплатных шрифтов, в нем также есть несколько великолепных шрифтов премиум-класса с удобными ссылками, позволяющими быстро купить то, что вам нужно.
03. MyFonts
Mateur доступен бесплатно на MyFonts. (Изображение предоставлено Сергеем Олейником) Мы уже упоминали MyFonts (открывается в новой вкладке) выше. На сайте есть один из лучших наборов шрифтов для покупки, но есть и несколько хороших бесплатных шрифтов, доступных для скачивания. Просто используйте раскрывающийся список для поиска бесплатных шрифтов, и вы увидите все доступные в настоящее время бесплатные типы.
По последним подсчетам их было около 900.
04. DaFont
DaFont имеет обширный архив бесплатных шрифтов для поиска, включая новые шрифты, подобные этому.DaFont (открывается в новой вкладке) — это поистине массивный архив свободно загружаемых шрифтов со всевозможными категориями, от средневековых до научно-фантастических, и даже новые шрифты, такие как шрифт Pac-Man выше. Вы можете просматривать по алфавиту, стилю, автору или популярности. Многие из них не подходят для профессионального проекта — и на самом деле многие из них бесплатны только для некоммерческого использования, но некоторые жемчужины доступны для скачивания здесь.
17. Шрифты Google
Google Fonts упрощает использование веб-шрифтов на вашем сайте. Это может показаться очевидным, но его не следует упускать из виду. Google Web Fonts (открывается в новой вкладке) позволяет каждому быстро и легко использовать веб-шрифты на своем сайте. Все шрифты имеют открытый исходный код, поэтому вы можете делиться ими и настраивать их для собственного использования или сотрудничать с первоначальным дизайнером для их улучшения.
И вы можете использовать их как хотите, в частном или коммерческом плане: в печати, на своем компьютере или на своих веб-сайтах.
06. Creative Market
Получайте новые бесплатные товары каждую неделю на Creative Market (Изображение предоставлено: Creative Market) tab) предлагает подборку бесплатных вкусностей каждую неделю, в том числе один шрифт. Дизайн меняется каждую неделю и доступен только в течение ограниченного времени. Поскольку предлагаемые здесь шрифты обычно платные, вы знаете, что получаете продукт хорошего качества, и это отличный способ создать библиотеку различных стилей шрифтов. Если вы действительно хотите что-то купить на Creative Market, вы часто можете разблокировать больше шрифтов и других вкусностей с помощью соответствующих покупок.07. Fontasy
На этом каламбурном сайте можно загрузить более 1000 бесплатных шрифтов Fontasy — это архив из более чем 1100 шрифтов, которые вы можно скачать бесплатно.
Этот ресурс не только имеет поистине каламбурное название, но и предлагает широкий выбор стилей и приятный опыт просмотра (список категорий включает пример «А» в каждом из стилей — приятное прикосновение). Если не указано иное, обязательно свяжитесь с дизайнером, если вы хотите использовать эти шрифты в коммерческих целях.
08. FontStruct
Найдите бесплатные пользовательские шрифты на сайте FontStruct.(открывается в новой вкладке)
FontStruct (открывается в новой вкладке) — это бесплатный инструмент для создания шрифтов и сообщество. Пользователи создают то, что сайт называет «FontStructions», с помощью редактора «FontStructor» (потерпите нас здесь), и им предлагается поделиться, как только они закончат, чтобы другие могли загрузить свои шрифты. Это означает, что существует множество шрифтов для поиска, и каждый день добавляются новые.
Здесь представлен ряд высококачественных шрифтов TrueType, готовых для использования в Windows и Mac.
На сайте легко ориентироваться, и лучшие шрифты выбираются для галереи FontStruct (открывается в новой вкладке).
09. 1001 Free Fonts
1001 Free Fonts — это сайт, который любит занижать обещания и переоцениватьВнимание! 1001 Free Fonts (открывается в новой вкладке) вообще не содержит ровно 1001 бесплатных шрифтов. Он обеспечивает гораздо больше, вероятно, больше в районе 37 001. Бесчисленное количество бесплатных шрифтов удобно организовано по 64 категориям, а также есть возможность просмотра по дизайнерам, поэтому, если вы найдете человека, чья работа вам нравится, вы сможете увидеть все, что он создал.
10. Абстрактные шрифты
С помощью абстрактных шрифтов можно легко просмотреть бесплатные шрифты. Abstract Fonts (открывается в новой вкладке) имеет один из самых чистых интерфейсов среди всех онлайн-библиотек шрифтов, и в нем очень легко ориентироваться. Существует возможность предварительного просмотра пользовательского шрифта, термины четко изложены, а сайт регулярно обновляется постоянно растущим набором шрифтов, из которых вы можете выбирать.
11. Neogrey
Обязательно ознакомьтесь с этими яркими шрифтами для загрузки. (Изображение предоставлено Иваном Филиповым)Neogrey — это не библиотека шрифтов как таковая, а личное портфолио дизайнера Ивана Филипова. Работая графическим и веб-дизайнером, он создал несколько потрясающих шрифтов, которые он очень щедро предоставил для бесплатного скачивания. Нам особенно нравятся его разноцветные векторные шрифты.
12. Glukfonts
Польский дизайнер Gluksza предлагает отличные бесплатные ресурсы для дизайна.(открывается в новой вкладке)
Глюкфонтс (открывается в новой вкладке) — еще один персональный сайт. Этот принадлежит польскому дизайнеру Gluksza, который щедро предлагает красиво оформленную типографику. Вы также можете скачать бесплатные шрифты и другие ресурсы для дизайна.
13. Fontfabric
Ознакомьтесь с бесплатным разделом независимого шрифтового бюро Fontfabric. (Изображение предоставлено: Font Fabric)(открывается в новой вкладке)
Это еще один альтернативный вариант загрузки бесплатных шрифтов.
Fontfabric, независимый шрифтовой центр, созданный болгарским дизайнером Светославом Симовым (открывается в новой вкладке), включает в себя множество платных шрифтов, но его раздел бесплатных шрифтов — отличное место, где можно найти несколько уникальных бесплатных шрифтов.
14. Lost Type
Lost Type предлагает вам возможность заплатить сколько угодно.(открывается в новой вкладке)
Основанная Райли Крэн и Тайлером Гэлпином компания Lost Type (открывается в новой вкладке) — это типографская мастерская, которая предлагает вам возможность заплатить любую сумму за шрифт (и да, можно напечатать в «$0» для бесплатной загрузки). Как и в приведенном выше варианте, у вас нет огромного набора шрифтов, но преимущество в том, что вы можете найти несколько уникальных вариантов.
15. Font Squirrel
Бесплатные программы Font Squirrel подходят для коммерческих проектов.(откроется в новой вкладке)
Хотите скачать бесплатные шрифты для коммерческого использования? Тогда Font Squirrel (откроется в новой вкладке) — это место, куда стоит отправиться.
Качество шрифтов высокое, они в основном совместимы с @font-face, плюс у него есть забавные функции, такие как идентификатор шрифта, где вы можете загрузить изображение с типом, и он подскажет вам подходящие шрифты. Это отличный ресурс.
16. The League of Movable Type
The League of Movable Type — это первая бесплатная фабрика шрифтов с открытым исходным кодом.(откроется в новой вкладке)
Проект GitHub The League of Movable Type — типографская революция в процессе становления, и любой, кто хочет скачать бесплатные шрифты, должен сделать это прямо сейчас. Самая первая фабрика бесплатных шрифтов с открытым исходным кодом, это тщательно отобранная группа типографов, которые создали отличный набор высококачественных бесплатных шрифтов для всех, таких как популярный League Gothic.
17. Behance
Вам нужно найти их, но на Behance можно загрузить множество бесплатных шрифтов.(открывается в новой вкладке)
Behance (открывается в новой вкладке) может быть не самым очевидным местом для загрузки бесплатных шрифтов, но это популярная платформа для дизайнеров, где они могут продемонстрировать свою работу, в том числе шрифтовые дизайнеры, демонстрирующие свои шрифты.
. Единственная трудность заключается в том, что вам придется выследить их.
Здесь есть работа всех типов, поэтому вам нужно будет добавить несколько фильтров, чтобы получить бесплатные шрифты, но как только вы это сделаете, вы сможете загрузить несколько отличных вариантов. Хотите ли вы шрифт с засечками, сценарий, татуировку или рукописный шрифт, вы обязательно найдете что-то, что вам подходит, если у вас есть время копаться.
Статьи по теме:
- Идеальные пары шрифтов, которые стоит попробовать
- Шрифт и гарнитура: полное руководство
- Лучшие бесплатные рукописные шрифты
Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь сейчас, чтобы получить неограниченный доступ
Наслаждайтесь первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро
У вас уже есть учетная запись? Войдите здесь
*Читайте 5 бесплатных статей в месяц без подписки
Присоединяйтесь и получите неограниченный доступ
Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро
У вас уже есть аккаунт? Войдите здесь
Подпишитесь ниже, чтобы получать последние новости от Creative Bloq, а также эксклюзивные специальные предложения прямо на ваш почтовый ящик!
Свяжитесь со мной, чтобы сообщить о новостях и предложениях от других брендов Future.
Получайте электронные письма от нас от имени наших надежных партнеров или спонсоров.Рози Хилдер — заместитель редактора Creative Bloq. Начав свою карьеру в журналистике в Аргентине, где благодаря мастерству ведения блога она стала заместителем редактора Time Out Buenos Aires, она вернулась в Великобританию и присоединилась к Future Plc в 2016 году. С тех пор она работает операционным редактором по искусству и дизайну. журналы, в том числе Computer Arts, 3D World и Paint & Draw, и получил «ошибку Apple» при работе над американским названием Mac|Life. В 2018 году она оставила мир печати и перешла в Creative Bloq, где помогает ежедневно управлять сайтом, в том числе расширять охват сайта, пытаясь угодить богам Google, участвуя в таких мероприятиях, как жюри. Brand Impact Awards, а также помогает убедиться, что его контент служит своим читателям наилучшим образом. Ее интересы заключаются в брендинге и иллюстрации, технологиях и сексизме, а также во многих других областях.
Как выбрать шрифт для веб-доступности
Для ясности; использование доступных шрифтов не является обязательным.
Если вы используете недоступный шрифт на своем веб-сайте, вы рискуете подать в суд. Использование доступных шрифтов, соответствующих Руководству по обеспечению доступности веб-контента (WCAG), необходимо для соблюдения основных законов о доступности веб-сайтов в США.
Что такое специальные шрифты
Не все шрифты были разработаны с учетом доступности в Интернете. Размер, цвет и контрастность — три ключевых фактора, определяющих доступность шрифта.
Чтобы соответствовать принципам инклюзивного дизайна, важно выбрать простой, простой и понятный шрифт. Один из самых простых способов сузить выбор — узнать, каких функций следует избегать в шрифте. Недоступные шрифты, как правило, обладают одной или несколькими из следующих характеристик:
- Затрудняют чтение содержимого
- Затруднить различение форм разных букв и символов
- Замедлить считыватель
- Затруднить отделение одной буквы от другой из-за перекрывающихся символов или букв
- Декоративны или содержат ненужные украшения
- Специальные шрифты для отображения, такие как рукописный, пользовательский или курсивный
Почему шрифты важны для доступности веб-сайтов
Большая часть информации в Интернете — и ценность, которую предлагает ваш бизнес, — передается с помощью текста.
Поскольку более 32 миллионов американцев страдают от потери зрения, вы рискуете поставить под угрозу свою репутацию и коммерческий успех, игнорируя потребности веб-сайтов этой группы. В эту цифру входят американцы, у которых проблемы со зрением даже при ношении корректирующих линз или контактных линз. И это число будет продолжать расти по мере того, как американское население становится старше и испытывает больше проблем со зрением, связанных с возрастом и болезнями.
Не только люди с нарушением зрения испытывают затруднения при чтении определенных шрифтов. Люди с трудностями в обучении, такими как дислексия, также могут быть чувствительны к определенным шрифтам. Ваш выбор типа шрифта также может сильно повлиять на их читабельность. Стоит отметить, что дислексией страдает до 20% населения США.
Обеспечив доступ к шрифтам вашего веб-сайта, вы сможете лучше охватить эту значительную часть населения и защитить репутацию своего бренда как организации, серьезно относящейся к инклюзивности.
Кроме того, что это правильно, использование доступных шрифтов на вашем веб-сайте — это единственный способ избежать нарушения стандартов доступности, установленных законодательством США. Использование недоступного шрифта может привести к серьезным юридическим и финансовым санкциям, таким как штрафы, судебные иски и другие меры принудительного характера.
Проверьте доступность вашей страницы
Проверьте, доступна ли ваша страница, с помощью нашего бесплатного средства проверки доступности веб-сайта:
Проверьте доступность моего сайта
Для какого типа контента следует использовать доступные шрифты?
При выборе доступного шрифта помните, что доступность и цифровая интеграция не начинаются и не заканчиваются на ваших веб-страницах. Рассмотрите все способы, которыми вы используете письменные коммуникации для связи со своей целевой аудиторией, такие как электронные письма, целевые страницы, PDF-файлы, видео и изображения.
Все эти форматы контента должны быть написаны с использованием одного и того же шрифта. Если это невозможно, следует использовать как можно меньше типов шрифтов.
Рекомендуется указать выбор доступного шрифта в руководстве по бренду и убедиться, что все заинтересованные лица веб-сайта осведомлены о различных уровнях веб-доступности различных шрифтов.
Лучшие шрифты для веб-доступности
Чтобы добиться веб-доступности и свести к минимуму путаницу для посетителей вашего веб-сайта, вы должны использовать на своем веб-сайте как можно меньше шрифтов. Но это правило не помогает выбрать лучший шрифт для веб-доступности. Не всегда очевидно, какие шрифты доступны. Ни в Разделе 508 Закона о реабилитации, ни в Законе об американцах-инвалидах (ADA) не указаны требования к выбору доступного шрифта веб-сайта.
К счастью, стандарты специальных возможностей, такие как WCAG, помогают пролить свет на то, какие шрифты обеспечивают наиболее инклюзивное взаимодействие с веб-сайтом для всех пользователей.
Наиболее доступные шрифты
Хорошей новостью является то, что вам не нужно вкладывать средства в специализированный пользовательский шрифт, чтобы сделать контент вашего веб-сайта доступным. Многие стандартные и широко доступные шрифты имеют высокие оценки доступности в Интернете. Наиболее доступными шрифтами являются Tahoma, Calibri, Helvetica, Arial, Verdana и Times New Roman .
Шрифты с засечками, включая Arvo, Museo Slab и Rockwell , также считаются доступными. Эти типы шрифтов в основном используются в заголовках, а не в основном тексте.
Возможно, вы слышали, что шрифты без засечек более доступны для чтения с экрана. Однако, поскольку исследование не дает окончательного ответа на вопрос о том, какие шрифты лучше читаются: с засечками или без засечек, решение остается за вами. Для достижения наилучших результатов рекомендуется выбирать распространенные шрифты или семейства шрифтов с яркими и уникальными символами.
Шрифты, которых следует избегать
Вам следует выбирать более распространенные шрифты, а не менее популярные, чтобы увеличить вероятность того, что устройство посетителя вашего веб-сайта сможет правильно отобразить его.
Избегайте шрифтов с «обозначениями самозванцев», которые очень похожи на другие формы букв как часть их визуального стиля, такие как заглавная буква Is, цифра 1 и строчная буква Ls.
Какой размер шрифта лучше всего подходит для веб-доступности
Даже если вы выбрали инклюзивный шрифт, текст вашего веб-сайта может быть недоступен. Некоторым посетителям вашего сайта для оптимального чтения потребуется больший или меньший размер шрифта. Использование шрифта неправильного размера также может привести к тому, что ваш контент не будет соответствовать стандартам веб-доступности.
Избегайте этого:
- Предоставьте посетителям вашего веб-сайта возможность увеличивать или уменьшать размер текста без увеличения всего остального на странице.
- Обеспечение правильного размера текста позволяет правильно отображать содержимое на всех устройствах, включая мобильные устройства, планшеты и программы для чтения с экрана.
Когда дело доходит до размера шрифта, существует четыре различных единицы измерения:
- Ems (em). Определяет размер шрифта относительно размера родительского элемента на HTML-странице.
- Rems (корень ems). Относительно размера шрифта корневого элемента в HTML.
- пикселей (пкс). Не измеряется относительно базового элемента. Они являются абсолютной единицей измерения.
- балла (пт). Еще одна абсолютная единица измерения.
Рекомендуется определять размеры шрифта в относительных единицах, таких как проценты, бэр или эм, а не в абсолютных единицах измерения, таких как пиксели или точки. В некоторых браузерах невозможно увеличить текст, заданный в пикселях, отдельно от остальной части веб-страницы. С другой стороны, использование относительного шрифта позволяет соответствующим образом изменять размер текста на разных устройствах и платформах.
Но когда дело доходит до размера, законы о доступности, такие как ADA, и стандарты, такие как WCAG, не определяют официальный минимальный размер шрифта для веб-текста. Это не означает, что доступен любой размер шрифта — если текст слишком большой или маленький, его может быть слишком сложно читать. Таким образом, лучше всего позволить посетителям вашего сайта самостоятельно выбирать оптимальный размер шрифта с помощью увеличения. Стандарты соответствия
WCAG предусматривают следующее требование к увеличению масштаба для доступности текста: «За исключением подписей и изображений текста, размер текста может быть изменен без вспомогательных технологий до 200 процентов без потери содержимого или функциональности».
Цвет шрифта и цветовой контраст для веб-доступности
Цвет: когда дело доходит до дизайна веб-сайта, цвет часто используется для придания смысла. Такой выбор дизайна может сделать ваш контент недоступным.
Чтобы каждому было легче точно видеть и воспринимать ваш контент, WCAG рекомендует не использовать цвет шрифта в качестве единственного визуального средства передачи информации.
Это включает в себя использование цветовых различий, чтобы вызвать реакцию пользователя или интерпретировать визуальный элемент на вашей веб-странице, например, цветные, но не подчеркнутые гиперссылки в предложении или элементы в списке, где некоторые из них представлены цветным текстом, чтобы показать разницу.
Если вам необходимо использовать цвет шрифта для передачи информации, не забудьте включить альтернативные визуальные индикаторы, чтобы помочь людям с плохим цветовосприятием правильно интерпретировать ее. Это может включать в себя такие действия, как подчеркивание, выделение жирным шрифтом, курсивом или использование других различимых подсказок, которые не требуют полного цветового зрения, чтобы сделать его визуально отличным от окружающего текста.
Контрастность : полезно отметить, что законы и рекомендации о доступности прямо не запрещают использование каких-либо конкретных цветов или цветовых комбинаций для веб-текста. Вместо этого цветовой контраст является мерой, используемой для измерения соответствия доступности.
Цветовой контраст относится к цветовому контрасту между текстом и фоном, на котором он отображается. Использование достаточного цветового контраста для вашего текста позволяет всем — и особенно людям с плохим зрением — четко видеть ваш веб-текст. Слишком много (или слишком мало) контраста может вызвать проблемы. Подумайте о попытке прочитать цветной текст с низкой контрастностью, например, серый текст на белом фоне, в солнечный день на улице.
Черный текст на белом фоне используется по умолчанию для веб-контента, но многие веб-сайты отклоняются от этого по причинам, связанным с брендом и стилистикой, и не все эти комбинации будут доступны. К счастью, в рекомендациях WCAG четко указаны уровни контрастности, необходимые для того, чтобы текст считался доступным:
- Заголовки : Коэффициент контрастности для крупномасштабного текста должен быть минимум 3:1.
- Основной текст : Для текста, кроме заголовков, следует поддерживать коэффициент контрастности не менее 4,5:1.
