Cyrillic on Google Fonts: Old-Style Serifs



Today, a free font doesn’t necessarily mean a bad one. Sadly, browsing Cyrillic fonts is still like walking in a minefield; but there is also some good news. Our critique and our advice do not have a monopoly on the truth — that’s just an expert review by three professionals sharing the same values. Plus, you always have to remember that there is no such thing as forbidden means and tools in design. Any bug can be turned into a feature in the hands of a daring, confident typographer, — only before taking risks, you should figure out what this bug actually is.

What is an old-style serif?

Those are serif typefaces, forms of which are influenced by broad nib writing. Historically, this category includes serifs dating back to Renaissance and Baroque as well as their modern revivals.

The old-style serifs are marked by open apertures, diagonal stress, low contrast, and significantly varied glyph widths.


Juan Pablo del Peral, Huerta Tipográfica

The typeface was named after an Argentinian musician Astor Piazolla, the revolutionizer of tango. Expressive graphics with angulous calligraphic stroke joints — with a certain allusion to Medieval writings, Piazolla looks sharp and fresh.

Hands-on Piazzolla has a modern approach to proportions — widths of straight and oval glyphs are close to each other. The typeface is compact, with large x-height — it would be efficient and effective in small sizes, but thanks to its bright personality can also work as a display typeface.

The typeface is equipped with small caps, old-style and uppercase figures In modern typefaces, figures are typically as tall as uppercase letters and stand on the baseline, which is why we call them lining, uppercase, or caps figures. The figures of the height of lowercase glyphs, with ascenders and descenders, are called old-style, or lowercase — those were the figures in ancient typefaces from which dynamic serifs actually inherit. Both variants of figures can be proportional (for texts) and tabular (monowidth, for use in tables)

Four variants of figures in Piazzolla, top row are tabular, bottom row, proportional:

 — proportional and tabular; Roman figures are introduced in a stylistic numeric set; it also has ready-cut fractions, sets of super- and subscripts, numerators and denominators, currency signs, math and service characters. Piazolla supports the majority of languages using Latin script and Greek, and its Cyrillic is even fitted with superior and inferior letters (often used, for example, in scientific papers, ordinal numerals and footnotes) — you don’t often get that in a free font.

Styles 9 weights from Thin to Black with corresponding italics:

Each weight has a range of optical sizes: from 8 to 28 points.

The typeface is available in variable format with weight and optical size axes.

Cyrillic Piazzolla is fitted with a proper-quality Cyrillic with well-chosen constructions — they comply with the Latin part in terms of personality.

The Cyrillic was designed with the help of a Bulgarian type designer Krassen Krestev.

Breve on the Й looks a bit too small, lacking both weight and contrast.

Interestingly, Cyrillic symbols, compared to Latin ones, have less white space on the right side of the glyph. This does not create problems in setting straight text in Cyrillic, but when setting a multilingual text, spacing becomes uneven .

Cyrillic — Latin — Cyrillic: the second space turns out to be larger than the first one

Some outlines that make up glyphs were not merged In a variable font, letters consist of several (usually intercrossing) vector outlines — which is necessary for interpolating forms. When designer makes a static style, they usually merge these outlines — in order to let go of unnecessary information and avoid possible mistakes when displaying. while creating static font files — this can cause problems in displaying on screens and in print.

Our advice

Piazzolla is a well-developed type family — usable and expressive, equipped with a good quality Cyrillic, but with small technical shortfalls.

Back to contents

Juan Pablo del Peral, Huerta Tipográfica

Old-style serif, a part of the type system that also includes a humanist sans serif called Alegreya Sans. The typeface is designed for long reading, aimed at setting fiction and literature. Just as the sans serif typeface, Alegreya is saturated with calligraphic elements: entasis and curves of strokes, asymmetrical serifs, particularly angulous stroke joints, expressive terminals.

Hands-on Low x-height, rather long ascenders and descenders, while the forms have lots of small details — therefore the typeface requires generous line spacing and not a very small size.

Alegreya has old-style and regular figures — proportional and tabular, Roman numerals as stylistic alternatives, ready-fitted fractions, sets of super- and subscripts, numerators and denominators, monetary signs, mathematical symbols and pictograms.

Styles The typeface has 5 weights from Normal to Black with italics.

Small caps are a separate subfamily, Alegreya SC, also available in 5 weights.

Cyrillic The Cyrillic set stylistically corresponds to Latin.

Glyph forms are generally relevant and in line with Alegreya Sans.

The specific form of Cyrilic Кк appears not very logical — it could have easily been copied from Latin.

Дд with a crumpled bottom left corner spoils the impression:

Лл — extremely heavy stroke terminal. Дд, Лл, as well as Ч, are overly narrow.

In densier styles, Д spreads to the right even more, while Лл changes quite dramatically — the left stroke is now abruptly cut.

In certain web browsers, you can notice separate outlines that make up the glyphs, while in the desktop files all outlines are merged.

In smalls caps, Latin Y acts as an У — in this case, copying the uppercase Latin form is incorrect. The same problem was detected in Alegreya Sans.

Our advice

Alegreya is better suited for working at medium and small sizes. The Cyrillic is far from perfect, while Cyrillic small caps should not be used at all.

Back to contents

Georg Duffner

EB (Egenolff – Berner) Garamond is a revival of the specimen set by Conrad Berner at the Egenolff print office in 1592. This specimen of Claude Garamond (perhaps the best known one) was used as a base to create plenty of digital versions — but only this one is licensed free of charge.

Hands-on The forms are a rather unsubtle tracing of the original source. That explains a certain irregularity of outlines, rounded small details and serifs — those are random letterpress artifacts reproduced in vector format:

The typeface is quite light, with low x-height, long ascenders and descenders — such proportions work well at large sizes.

As is often the case in recreating Garamond’s typefaces, italics use the work of Robert Granjon as a model. The material is taken from the very same specimen Egenolff — Berner and digitised in the just as straightforward manner, with minimal compensations.

The glyph set includes regular and old-style figures — proportional and tabular, a set of Roman numerals, ready-cut fractions, sets of super- and subscripts, numerators and denominators, currency signs, math symbols, and decorations.

Styles 5 weights from Normal to Extra Bold with italics, as well as a variable font with a weight axis

Heavier styles — for which there is no historical specimen — turned out worse, uneven in density, as well as with certain issues in letter spacing. The example above shows the dark а with insufficient inner white, the pairs bu and rg that are stuck together, a far-removed, very light tail in f.

Cyrillic Cyrillic was obviously designed with an eye to Adobe Garamond Premier (by Robert Slimbach) — as it is hard to explain such coincidences in the absence of a historic prototype. However, it is certainly not a mechanical copy — despite identical constructions, the letters differ in proportions and approach to details.

The most obvious difference is the use of the more contemporary (to a Russian eye) square Дд and Лл in EB Garamond:

There are certain issues in terms of the consistency: in glyphs ц, щ the descender’s shoulder is different.

Furthermore, this detail looks different in lowercase and uppercase letters.

A very long tongue in э. The з

 is falling to the right and there’s too much air on its left side.

Ы falls apart in Italic; the letter spacing in АТ is an obvious problem.

Letter spacing is also imperfect in lowercase Italic: in this example, рг are stuck together, while there is a hole between ик.

Our advice

EB Garamond is a straight-line revival with conceptual and particular borrowings from Adobe Garamond Premier. The quality is poor, so whenever possible it’s best to use the original.

Back to contents

Christian Thalmann

Cormorant is a display family inspired by serif typefaces of the French Renaissance. In spite of referring to Claude Garamond’s typefaces, Cormorant is not a revival of any specimen.

Hands-on A light and contrast typeface; smooth curves, long ascenders and descenders, sharp and thin serifs — everything seeks to transfuse the elegance of Garamond’s typefaces, clearing those from the impact of letterpress technology. The abundance of small details makes the typeface a better fit for large sizes.

Features: ligatures, context and stylistic glyph versions, case-sensitive symbols, lining and old-style figures (both available as tabular and proportional), ordinal numerals, fractions, sub- and superscripts, math symbols, pictograms, decorative elements. Bulgarian and Serbian Cyrillic variants are included.

Styles There is a number of subfamilies: the main Cormorant Roman, Cormorant Garamond with alternates and increased inner white in several signs, Cormorant Infant with one-piece and simplified forms, small caps Cormorant SC, and Cormorant Unicase. Roman, Garamond, Infant are fitted with regular italics, while Roman also has vertical italics — no Cyrillic included.

Each subfamily comes in 5 weights, from Light to Bold.

Cyrillic The Cyrillic is basically compliant with the Latin part of the typeface, although subfamilies use different forms — and the logic of those differences is not always obvious.

The different form of the б — in Roman, it rather corresponds to didones than to old-style serifs. For some reason, Garamond’s Cyrillic у has a different descender terminal compared to the Latin y.

That said, in both italics the form of б is the same and complies with the upright б from Roman.

Letters Ии, м in Garamond have a different form, which is rather typical for earlier type styles, reminiscent of capital Latin writing.

Infant offers a Bulgarian Cyrillic by default; switching is possible through stylistic alternates.

Чч have evidently different character in various cases and styles, the most relevant is the lowercase letter in Roman and Garamond.

In Cormorant Roman, the arc of the uppercase Ч has thickness distribution atypical for an old-style serif.

Uppercase and lowercase Тт have different vertical serif forms in both Roman and Garamond. Moreover, vertical serifs are different in lowercase т and ъ.

Our advice

Cormorant is suitable for use, but you need an outstanding level of attention to figure out the system of styles.

Back to contents

Production Type

A text typeface addressing the history of French type design, yet modern and versatile, well-suited for screen reading: Spectral was above all designed as a typeface for Google Docs and Google Sheets, teamwork office tools.

The design of Spectral was inspired by a 19th century typeface (Elzévir № 9, released in 1882 by the Warnery type foundry) — however, the final product has gone a long way from the historical specimen. Spectral has moderate contrast, open apertures, and diagonal stress, typical for an old-style serif typeface.

Hands-on High-quality outlines. Systemic and consistent design. Proportions and detailing are quite pragmatic: simple forms, right angles, vertical cuts (including when it comes to italics) — all this contributes to good rasterisation and general clearness, even on low-resolution screens. Large sidebearings may seem excessive, but it is precisely thanks to them that Spectral creates a substantial, calm rhythm and works great in large texts.

Typographic features: small caps, case-sensitive symbols, ligatures, stylistic alternates, lining and old-style figures (tabular and proportional), ordinal numerals, fractions, sub- and superscripts.

Styles Spectral has 7 weights, from Extra Light to Extra Bold with corresponding italics.

Small caps are available as a separate family called Spectral SC.

Cyrillic Spectral Cyrillic was designed by Ilya Ruderman and Yury Ostromentsky, two of the three authors of this review

Our advice

Spectral is available on type.today — as is the case with Google Fonts, completely free of charge. In our version, small caps are included in the main typeface, and we offer the entire glyph set — including extended Cyrillic. Unfortunately, in both official versions the uppercase Ы has too much white space between its two parts — we are now waiting for Google to fix this flaw.

Back to contents

WP Google Fonts — Плагин для WordPress

Version 3.1.5
— Fix XSS vuln

Version 3.1.4
— Fix XSS vuln

Version 3.1.3
— Fix SSL cert notices on settings page for Google API requests.

Version 3.11
— Fixed a bug that affected anyone upgrading from versions 3.0 or 3.0.1 to 3.1 where your old font settings were not saved. If your settings are gone, all you have to do is select the same font in the same slot as before. The rest of your settings for that font (where it’s used, custom css, etc) will still be there in many cases. In some cases you will not and you’ll have to re-enter them. If they don’t remember them, you can try to get them by visiting a cached version of your site on Google and copying the CSS the plugin provided in the source (view your webpage source to see it).

Version 3.1
— Rewritten back end, this time using AJAX and smarter logic so that loading the settings page is much faster
— Fixed bug that could potentially cause browsers to stall
— updated fallback list of Google Fonts (622 families)
— Corrected some notifications that people would see if WP_DEBUG was set to true

Version 3.01
— Language support added for Arabic by Yaser Maadan (http://www.englize.com) and Slovak by Branco Radenovich (http://webhostinggeeks.com/blog/)
— Minor bug fixes
— Updated backup font list

Version 3.0
— A huge thank you to Aaron Brown (http://www.webmalama.com/) for this major plugin upgrade.
— Plugin completely reworked to dynamically sync with the ever-growing Google font library. This allows the plugin to always be current and eliminates the need for you to install an update every time Google adds new fonts.
— Increased speed (through caching and fewer calls to Google’s servers)
— Added the ability to select different character sets for fonts that support this feature
— More robust handling of font weights, just check the box next to the weights you want to use.

Version 2.8
— Added 42 new font additions. As always, email me if you run into any issues with any specific fonts or font weights.

Version 2.7
— Updated plugin to include 119 new font additions from Google.

Version 2.6
— Added another 141 fonts to keep up with Google. I can’t test every font individually, so if for some reason you encounter an error please contact me and I will release an update.

Version 2.5
— Italian language support thanks to Gianni Diurno (http://gidibao.net/)
— 27 new fonts/variations added including: Abril Fatface, Adamina, Alike Angular, Antic, Changa One, Chivo, Chivo:400,900, Dorsa, Fanwood Text, Fanwood Text:400,400italic, Julee, Merienda One, Passero One, Poller One, Prata, Prociono, Sansita One, Sorts Mill Goudy, Sorts Mill Goudy:400,400italic, Spinnaker, Terminal Dosis:200, Terminal Dosis:300, Terminal Dosis, Terminal Dosis:500, Terminal Dosis:600, Terminal Dosis:700, and Terminal Dosis:800.

Version 2.4
— French language support thanks to Frédéric Serva (www.fredserva.fr)
— Thanks to Aaron Brown (http://www.webmalama.com/) for finding a bug that added extra code when off wasn’t explicitly selected on some fonts.
— Added support for 43 new fonts including: Abel, Actor, Aldrich, Alice, Alike, Andika, Aubrey, Black Ops One, Carme, Comfortaa, Coustard, Days One, Delius, Delius Swash Caps, Delius Unicase, Federo, Gentium Basic, Gentium Book Basic, Gentium+Book+Basic:400,400italic,700,700italic, Geostar, Geostar Fill, Gloria Hallelujah, Kelly Slab, Leckerli One, Marvel, Monoton, Montez, Numans, Ovo, Pompiere, Questrial, Rationale, Rochester, Rosario, Short Stack, Smokum, Snippet, Tulpen One, Unna, Vidaloka, Volkhov, Voltaire, and Yellowtail.

Version 2.3
— Confirmed compatibility with 3.2.1
— Significantly reduced size of plugin file.
— Simplified update process so future versions of this plugin can be released quicker as Google Fonts releases more and more fonts
— Added support for more fonts including: Artifika, Lora, Kameron, Cedarville Cursive, Zeyada, La Belle Aurore, Shadows Into Light, Lobster Two, Nixie One, Goblin One, Varela, Redressed, Asset, Gravitas One, Hammersmith One, Stardos Stencil, Loved by the King, Love Ya Like A Sister, Bowlby One SC, Forum, Varela Round, Patrick Hand, Yeseva One, Give You Glory, Bowlby One, Modern Antiqua, and Istok Web.

Version 2.2
— Added support for 11 more fonts

Version 2.1
— Added support for 38 more fonts including: Aclonica, Annie Use Your Telescope, Bangers, Bigshot One, Carter One, Damion, Dawning of a New Day, Didact Gothic, Francois One, Holtwood One SC, Judson, Mako, Megrim, Metrophobic, Michroma, Miltonian Tattoo, Miltonian, Momofett, News Cycle, Nova Square, Open Sans , Open Sans Condensed, Over the Rainbow, Paytone One, Play, Quattrocento Sans, Rokkitt, Shanti, Sigmar One, Smythe, Special Elite, Sue Ellen Francisco, Swanky and Moo Moo, Terminal Dosis Light, The Girl Next Door, Ultra, Waiting for the Sunrise, and Wallpoet.

  • Now works on https sites using the «WordPress HTTPS» plugin thanks to the help of Pete Toborek.

Version 2.0
— Added support for EB Garamond, Nova Slim, Nova Script, Nova Round, Nova Oval, Nova Mono, Nova Flat, Nova Cut, Oswald, and Six Caps.

Version 1.9
— Added support for another 22 fonts: Amaranth, Anton, Architects Daughter, Astloch, Bevan, Cabin Sketch, Candal, Dancing Script, Expletus Sans, Goudy Bookletter 1911, Indie Flower, Irish Grover, Kreon, League Script, Meddon, MedievalSharp, Pacifico, PT Serif, PT Serif Caption, Quattrocento, Radley, VT323. Also confirmed compatibility WordPress 3.1

Version 1.8
— Added support for another 18 Google Font additions: Calligraffitti, Cherry Cream Soda, Chewy, Coming Soon, Crafty Girls, Crushed, Fontdiner Swanky, Homemade Apple, Irish Growler, Kranky, Luckiest Guy, Permenant Marker, Rock Salt, Schoolbell, Slackey, Sunshiney, Unkempt, and Walter Turncoat. Also added support for full family of Vollkorn. Tested with WordPress 3.0.4

Version 1.7
— Added support for another 5 Google Font additions: Buda, Corben, Gruppo, Lekton, and Ubuntu

Version 1.6
— Added support for 15 new Google Font additions: Allan, Anonymous Pro, Cabin, Copse, Just Another Hand, Kenia, Kristi, Lato, Maiden Orange, Merriweather, Mountains of Christmas, Orbitron, Sniglet, Syncopate, and Vibur

Version 1.5
— Added support for 17 new Google Font additions: Allerta, Allerta Stencil, Arimo, Arvo, Bentham, Coda, Cousine, Covered By Your Grace, Geo, Josefin Sans (new weights), Josefin Slab, Just Me Again Down Here
Puritan, Raleway, Tinos, UnifrakturCook, and UnifrakturMaguntia

Version 1.4
— Added support for the 5 new Google Font additions: Cuprum, Neucha, Neutron, Philosopher, and PT Sans.

Version 1.3
— Corrected W3 validation errors. Added logo to the WordPress control panel screen.

Version 1.2
— Added missing variants for IM Fell, moved things around to make it easier to update this plugin as Google Adds more fonts, generally cleaned up code.

Version 1.1
— Added support for different font weights (variants). Still missing a couple IM Fell variants but will add them as soon as I get a chance.

Version 1.0
— The first official release of the plugin.

Что такое категория Google Fonts’ «Display» / » Display font»

Просматривая шрифты Google я заметил что первый фильтр содержит следующие категории:

  • Засечка Без Засечек
  • Засечка
  • Дисплей
  • Почерк

Я знаю, что такое категории (без засечек)и почерка (это довольно очевидно), но что именно фильтрует категория отображения? Я просто предполагаю, что это хорошо для отображения, но каким образом? Что такое «the display font» ?

Заранее спасибо 🙂 !

css fonts font-face
Поделиться Источник jave.web     20 августа 2013 в 09:35

3 ответа

  • Как обнаружить невозможность загрузки шрифта из google web fonts

    Я загружаю веб-шрифты google для отображения некоторых текстовых строк. Что я хочу сделать, так это то, что в любом случае, если Google web fonts не загружается (возможно, тайм-аут или проблема с сетью и т. д.), Я хочу отобразить изображение вместо того, чтобы падать в стек семейства шрифтов….

  • Шрифт выглядит иначе в wordpress, чем в Google fonts

    У меня есть проблема, и я уже ищу, но не могу найти ответ. Я использую шрифт google (Playfair Display) на своем сайте WordPress (тема Html5Blank), но он выглядит совсем по-другому, чем в Google fonts. вот как они выглядят в googlefont и на моем сайте . Это мой код @import…


Фильтр, который вы видите, — это » Шрифты «.

Таким образом, шрифты являются семействами, и некоторые шрифты классифицируются по определенным шрифтам. В Википедии есть обширная статья о шрифтах.

Ссылка на Википедию

Однако то, что вас интересует, — это » Шрифт дисплея «. Ознакомьтесь с этим списком отображаемых шрифтов .

Тип отображения относится к использованию типа при больших размерах, возможно, 30 точек или больше. Некоторые шрифты считаются полезными только при размерах дисплея и, следовательно, известны как грани дисплея.

Поделиться MarsOne     20 августа 2013 в 09:54


“Display font”-это неформальная концепция, которая относится к шрифтам, которые считаются подходящими (или даже предназначенными) для использования в “display texts” в отличие от обычного текста копирования, который обычно появляется в абзацах. Заголовки, заголовки, логотипы, короткие лозунги или цитаты, представленные в виде отдельных блоков, а также тексты на вывесках и табличках могут рассматриваться как “display texts”.

Если вы проверите список шрифтов, который вы получите, выбрав “Display” только в фильтре, вы увидите множество шрифтов, часто с сильными функциями, возможно, художественными и экспрессионистскими, часто со специальными формами букв – вещи, которые вы можете использовать в заголовке, но (надеюсь) не в основной части текста.

Поделиться Jukka K. Korpela     20 августа 2013 в 09:49


Я просто случайно прочитал книгу «Letters of Credit» Уолтера Трейси, и там есть отличная строка, которую стоит процитировать: типы текста при увеличении могут использоваться для заголовков; типы отображения, если они уменьшены, не могут использоваться для настройки текста.

Поделиться Algimantas Bakšys     10 февраля 2015 в 23:26

Похожие вопросы:

Google fonts font-weight of 100 не работает

У меня есть игра android, которая использует шрифт Raleway из google fonts, и в игре он выглядит красиво. Я хочу использовать этот шрифт и на веб-сайте, но шрифт не отображается так же. В игре я…

Проблема рендеринга шрифтов в Chrome — Google Web Fonts

Я получаю странную проблему рендеринга шрифтов Google в Chrome. Вот что я имею в виду: IE 10: FireFox 36.0.4: Хром 41.0.2272.118 м: Вот крупный план (хром ): Шрифт, который я использую, называется…

@font-face vs Google Fonts vs Cufon

Поэтому обстоятельства вынудили меня использовать @font-face на сайте, который я разрабатываю, и должен сказать, что я впечатлен качеством кроссбраузерного рендеринга по сравнению с Google Fonts, но…

Как обнаружить невозможность загрузки шрифта из google web fonts

Я загружаю веб-шрифты google для отображения некоторых текстовых строк. Что я хочу сделать, так это то, что в любом случае, если Google web fonts не загружается (возможно, тайм-аут или проблема с…

Шрифт выглядит иначе в wordpress, чем в Google fonts

У меня есть проблема, и я уже ищу, но не могу найти ответ. Я использую шрифт google (Playfair Display) на своем сайте WordPress (тема Html5Blank), но он выглядит совсем по-другому, чем в Google…

Настройка `font-display: swap` при импорте scss

Я импортирую Fontawesome в свой файл scss и делаю это следующим образом: @import ‘[email protected]/fontawesome-free/scss/fontawesome’; @import ‘[email protected]/fontawesome-free/scss/regular’; @import…

что такое функция font-display CSS?

Для моего сайта я получаю следующую обратную связь от Google PageSpeed Insights: используйте функцию font-display CSS, чтобы текст был виден пользователю во время загрузки веб-шрифтов. Что это…

Google font display=swap странное поведение

Я попытался использовать google font api, введя этот фрагмент кода в свой код html <link…

Убедитесь, что текст остается видимым во время загрузки webfont, а не решается в Google pagespeed insights

Убедитесь, что текст остается видимым во время загрузки webfont проблема не решается в отчете google pagespeed insights даже после добавления font-display: fallback в CSS. Как я могу решить эту…

Слишком много шрифтов загружается из google fonts

Я встроил только один шрифт из google fonts. это код для встраивания: <link href=https://fonts.googleapis.com/css?family=Open+Sans&display=swap rel=stylesheet> но если я смотрю на сетевой…

KRONOTEX MEGA PLUS – ламинат Дуб береговой D 4998 от KRONOTEX

Dies ist ein Webanalysedienst.


Google Ireland Limited
Google Building Gordon House, 4 Barrow St, Dublin, D04 E5W5, Ireland


  • Marketing
  • Werbung
  • Web-Analytik

Genutzte Technologien


  • IP-Adresse (anonymisiert)
  • Browserinformationen (Browsertyp, verweisende / beendete Seiten, auf unserer Website angezeigte Dateien, Betriebssystem, Datums- / Zeitstempel und / oder Clickstream-Daten)
  • Nutzungsdaten (Ansichten, Klicks)

Erhobene Daten

Diese Liste enthält alle (persönlichen) Daten, die von oder durch die Nutzung dieses Dienstes gesammelt werden.

  • IP Adresse
  • Nutzungsdaten
  • Klickpfad
  • App-Aktualisierungen
  • Browser Informationen
  • Device Informationen
  • JavaScript-Support
  • Besuchte Seiten
  • Referrer URL
  • Downloads
  • Flash-Version
  • Standort-Informationen
  • Kaufaktivität
  • Widget-Interaktionen
  • Datum und Uhrzeit des Besuchs


Im Folgenden wird die nach Art. 6 I 1 DSGVO geforderte Rechtsgrundlage für die Verarbeitung von personenbezogenen Daten genannt.
Art. 6 Abs. 1 s. 1 lit. a DSGVO

Ort der Verarbeitung

Europäische Union


Die Aufbewahrungsfrist hängt von der Art der gespeicherten Daten ab. Jeder Kunde kann festlegen, wie lange Google Analytics Daten aufbewahrt, bevor sie automatisch gelöscht werden.


  • Alphabet Inc.
  • Google LLC
  • Google Ireland Limited

Weitergabe an Drittländer


Weitere Informationen und Opt-Out


Klicken Sie hier, um auf allen Domains des verarbeitenden Unternehmens auszuwilligen https://safety.google/privacy/privacy-controls/

Klicken Sie hier, um die Datenschutzbestimmungen des Datenverarbeiters zu lesen https://policies.google.com/privacy?hl=en

Cookie-Richtlinien-URL https://policies.google.com/technologies/cookies?hl=en

15 лучших шрифтов Google по номерам в 2022 году

Существует 1052 разных семейства шрифтов Google, доступных бесплатно (на момент написания этой статьи). Это большой выбор! Поэтому неудивительно, что вам нужна помощь в поиске иголки в стоге сена со списком лучших шрифтов Google.

У нас есть это для вас, а затем мы также поделимся некоторыми рекомендациями по использованию шрифтов Google в WordPress.

Выбор шрифта — это больше, чем просто эстетический выбор. Он может оказать существенное влияние на показатель отказов и коэффициент конверсии вашего сайта, особенно если вы выберете шрифт, который трудно прочитать.Поэтому стоит потратить немного времени, чтобы выбрать идеальное семейство шрифтов Google для своего веб-сайта, а не использовать первый попавшийся шрифт.

Если вам нужно еще больше шрифтов, посмотрите наш пост о 50+ современных шрифтах для использования на вашем веб-сайте WordPress.

Посмотрите наше видео-руководство по лучшим шрифтам Google

Зачем использовать шрифты Google?

В Интернете есть тысячи репозиториев шрифтов, так что же делает шрифты Google такими особенными?

Каталог шрифтов Google.

Во-первых, это бесплатно! Кроме того, шрифты Google поддерживаются и поставляются Google, а это значит, что они гарантированно безопасны. Конечно, существует множество хитрых веб-сайтов, где вы можете скачать бесплатные шрифты, но кто знает, что еще вы найдете с этими файлами?

Качество шрифтов на таких сайтах также иногда может быть сомнительным.

Компания Google выбрала более тысячи высококачественных шрифтов. Если вы не графический дизайнер с идеальным глазом на типографику, это более безопасный выбор.

Во-вторых, нет запутанных лицензионных ограничений. Все шрифты в каталоге Google Fonts имеют открытый исходный код и бесплатны для использования в коммерческих проектах. Вы можете загрузить или встроить их на свой сайт и даже использовать в печатных проектах.

Хотя единой лицензии нет, большинство шрифтов в репозитории используют Open Font License.

Открытая лицензия на шрифт.

Другие «бесплатные шрифты» редко бывают бесплатными и поставляются с целым рядом запутанных лицензионных ограничений, которые могут поставить вас в тупик, если вы совершите ошибку.К сожалению, у Google Fonts нет такого же багажа.

И, наконец, с помощью Google Fonts API можно легко добавить шрифты Google на свой веб-сайт. Кроме того, вы можете загрузить их по отдельности и загрузить на свой веб-сервер через FTP/SFTP.

Хотя шрифты Google, как правило, просты и, возможно, не такие роскошные, как некоторые платные шрифты, они, безусловно, превосходят веб-безопасные шрифты, предустановленные в основных операционных системах, те же шрифты, которые все видели тысячи раз раньше.

Существует 1052 разных семейства шрифтов Google, доступных бесплатно… вы уже чувствуете себя подавленным? 🤯 Сузьте свой выбор с помощью этого поста 👇Нажмите, чтобы твитнуть

Что искать в шрифте Google

Если есть что-то, чему вы должны научиться при разработке веб-сайта, так это тому, как выбрать шрифт Google, подходящий для вашего проекта. Хорошая типографика сделает или сломает ваш сайт.

Это может показаться неважной деталью, но это может быть разницей между тем, кто рано покинет ваш сайт, или тем, кто останется, чтобы стать постоянным читателем или клиентом.

Выбор правильного шрифта — это то, на что дизайнеры-графики тратят годы, но, помня о нескольких принципах, вы можете выбрать красивый шрифт для своего веб-сайта.

  • Подходит для вашего бренда: Возможно, это самый важный аспект. У лучших веб-сайтов есть шрифт, который демонстрирует их индивидуальность, но при этом остается читабельным и соответствует текущему дизайну. Например, Apple и Iron Maiden используют совершенно разные шрифты, но оба они соответствуют своему бренду.
  • Удобочитаемость: Второй по важности принцип — удобочитаемость.Сумасшедший фэнтезийный или гранжевый шрифт, безусловно, может подойти вашему бренду, но если ваши посетители не смогут его прочитать, они быстро уйдут. Поэтому ваши шрифты должны быть профессиональными и разборчивыми.
  • Классификация шрифтов: Хотя существуют сотни способов классификации шрифтов, есть пять основных типов: с засечками, без засечек, рукописный, моноширинный и декоративный. Шрифт или шрифт с засечками передает элегантность, а моноширинные шрифты популярны на технических сайтах. Знание этих классификаций даст вам лучшую отправную точку в вашем поиске.
  • Отображаемый или основной шрифт: Отображаемые шрифты предназначены для больших размеров, заголовков или печатных проектов. Они могут позволить себе быть менее разборчивыми в угоду уникальному дизайну. Основной директивой основных шрифтов является удобочитаемость, поскольку они будут составлять основную часть вашего сайта.
  • Настроение и намерение: Как и в случае любого художественного произведения, художники создают шрифты для определенного настроения и обстановки. К большинству шрифтов прилагается примечание о том, как они были разработаны и как их можно использовать. Используйте их, чтобы решить, подходит ли шрифт вашему проекту.

10 лучших шрифтов Google в 2022 году (по версии Wisdom of the Crowds)

Итак, как составить список лучших шрифтов Google, если многое из этого субъективно? Мы не хотим, чтобы весь этот список был предвзятым, поэтому мы собираемся использовать данные для создания списка самых популярных шрифтов Google.

Мы будем использовать аналитику Google Fonts, чтобы доверять мудрости толпы. С более чем 50 триллионами просмотров шрифтов у Google есть лишь немного данных для извлечения.

Затем мы немного выйдем за рамки необработанных цифр популярности и выберем несколько многообещающих HTML-шрифтов, которые набирают популярность.

Готов? Давайте погрузимся!

1. Робото


Долгое время занимавший первое место и выбранный Kinsta шрифт, Roboto — это шрифт без засечек от Кристиана Робертсона, разработанный Google в качестве системного шрифта для Android. Сейчас он очень популярен, доступен в 12 различных стилях и неоднократно появляется в аналитике Google Fonts.

Например, самый популярный шрифт Roboto. Но Roboto Condensed также является шестым по популярности шрифтом, а Roboto Slab также появляется под номером 12!

2. Открыть без

Открой Санс.

Open Sans Condensed — это хорошо читаемый шрифт, созданный по заказу Google и вдохновленный его предшественником Droid Sans. Google использует Open Sans на некоторых своих веб-сайтах, а также в печатной и веб-рекламе. Open Sans Condensed, родственный шрифт здесь, также занимает тринадцатое место по популярности в Google Fonts.

3. Лато


Lato — еще один популярный выбор от Лукаша Дзеджича. За его дизайном скрывается целая история, уравновешивающая противоречивые цели, что приводит к уникальному легкому шрифту без засечек.

4. Монтсеррат


Montserrat — шрифт без засечек от Джульетты Улановски, которая живет в одноименном районе Монтсеррат в Буэнос-Айресе. С 18 различными стилями, от легких до тяжелых, у вас есть довольно большой выбор.

5. Освальд


Oswald — шрифт без засечек, первоначально разработанный Верноном Адамсом. Он был разработан с учетом особого стиля альтернативной готики, о чем свидетельствуют его смелые штрихи.

6. Источник Sans Pro

Источник Санс Про.

Source Sans Pro — это шрифт без засечек, созданный для Adobe и первый шрифт Adobe с открытым исходным кодом. Сделано Полом Хантом, его легкие буквы делают его четким и разборчивым.

7. Слабо 27px/13px


Slabo — шрифт с засечками, разработанный Джоном Хадсоном из Tiro Typeworks.Этот шрифт специально разработан для определенных размеров — 27px или 13px, в зависимости от ваших потребностей.

8. Дорога


С 18 различными стилями Raleway — еще один шрифт без засечек для большого семейства, первоначально созданный Мэттом Макинерни. Если вам нравится Raleway и вы ищете что-то уникальное, Raleway Dots предлагает похожий стиль с точечным подходом, который может подойти для больших заголовков.

9. ПТ Санс

ПТ Санс.

PT Sans был разработан для общедоступных шрифтов Российской Федерации и поэтому включает как латинские, так и кириллические символы.В семействе PT также есть несколько других шрифтов, в том числе некоторые варианты с засечками.

10. Мерриуэзер

Мерриуэзер. Название

Merriweather наводит на мысль о приятном дизайне, и это именно то, что задумали его дизайнеры. Хотя Merriweather Sans не так популярен, это родственный проект, который исключительно хорошо сочетается с ним.

Подпишитесь на информационный бюллетень

Хотите узнать, как мы увеличили трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других пользователей, которые получают нашу еженедельную рассылку с советами по WordPress, посвященными инсайдерской информации!

Подпишитесь сейчас

Бонусные шрифты + Подающие надежды

Судя по цифрам, десять перечисленных выше шрифтов являются самыми популярными шрифтами Google.Но показ только самых популярных вариантов оказывает медвежью услугу отличным многообещающим шрифтам, которые не попали в аналитику.

Вот некоторые из наших фаворитов, которые не попали в топ аналитики.

11. Без засечек/без засечек

Ното без засечек/с засечками.

Noto — это шрифт, созданный по заказу Google и представленный в версиях с засечками и без засечек. Он получает регулярные обновления, и теперь в нем более 100 шрифтов Noto, и их количество постоянно увеличивается!


Noto — охватить все алфавиты и символы разных языков, в то время как его уникальный дизайн гармонирует с сотнями разных семейств шрифтов.Эти производные включают популярные Noto Sans KR и Noto Sans JP.

12. Нунито Санс

Нунито Санс.

Nunito Sans — это шрифт без засечек, популярность которого быстро растет. Его использование утроилось в период с 2018 по 2019 год, и с каждым годом он становится только популярнее.

13. Первый концерт

Концерт Один.

Concert One — закругленный гротескный шрифт, который отлично подходит для заголовков. Его нестандартный дизайн обязательно привлечет внимание.

14. Подсказка


Prompt — это шрифт без засечек от тайской фирмы Cadson Demak, занимающейся дизайном коммуникаций. Он без петель (тайский эквивалент шрифта без засечек) и включает как тайские, так и латинские символы.

15. Работа без

Работа Санс.

Work Sans — это шрифт без засечек, оптимизированный для использования на экранах. Дизайнеры рекомендуют использовать стили среднего веса для любого размера от 14 до 48 пикселей.

Как создать лучшие комбинации шрифтов Google

Если вы думали, что выбрать один шрифт из Google Fonts сложно, подождите, пока вы не попытаетесь соединить их на своем сайте! К счастью, это не проблема, которую вам нужно решать (если вы этого не хотите).Вы можете использовать несколько способов, чтобы придумать лучшие комбинации шрифтов Google.

Во-первых, сам веб-сайт Google Fonts предложит популярные сочетания, если вы прокрутите страницу вниз:

Обнаружение популярных пар Google Fonts.

Кроме того, вы также можете использовать такой сайт, как Font Pair, чтобы получить больше предложений.

Рекомендации по использованию шрифтов Google в WordPress

Как только вы найдете идеальные шрифты для своего проекта, вот несколько рекомендаций по использованию шрифтов Google в WordPress.

Ограничьте количество используемых шрифтов

Некоторые из этих шрифтов, такие как Montserrat и Raleway, имеют 18 различных начертаний. Хотя это хорошо для предоставления вам вариантов, вы не хотите загружать все 18 весов на свой сайт WordPress, потому что это замедлит время загрузки.

Очень важно следовать этому правилу!

Для большинства шрифтов рекомендуется использовать максимум три веса:

Многие сайты WordPress, которые мы видим в настоящее время, даже пропускают курсив и просто используют два разных веса шрифта.

Если вы встраиваете Google Fonts самостоятельно, вы можете точно выбрать, какие веса включать. Сначала посетите страницу шрифта, а затем нажмите . Выберите этот стиль рядом с нужными.

Выбор шрифта в Google Fonts.

Большинство современных тем WordPress включают простые способы выбора шрифтов и веса Google, которые вы хотите использовать. Но не все разработчики тем сосредоточены на производительности. Поэтому в некоторых случаях может быть лучше отключить Google Fonts в вашей теме и добавить их самостоятельно.

Вариативные шрифты также становятся популярными и поддерживаются всеми современными браузерами. Это здорово, потому что позволяет одному файлу шрифта преобразовываться с разными свойствами. В Google Fonts есть множество вариативных шрифтов на выбор, и вы даже можете сузить свой поиск до них.

Рассмотрите возможность локального размещения шрифтов Google

В качестве альтернативы предоставлению шрифтов с сервера Google вы также можете размещать шрифты локально, что повышает производительность.Однако помните, что большинство шрифтов Google, вероятно, уже кэшированы в браузерах людей. Поэтому мы рекомендуем провести тесты производительности.

Если вы используете премиум-шрифт, отличный от шрифтов Google, например шрифт «Brandon», который мы используем на нашем сайте Kinsta, лучше всего размещать их локально (и обслуживать их из вашей CDN). Чтобы узнать больше по этой теме, ознакомьтесь с нашими сообщениями о локальном размещении шрифтов.

Выберите шрифт, который получит обновления


похожи на плагины и темы WordPress — со временем они получают обновления и улучшения, чтобы сделать их еще лучше.И хотя ставки далеко не так ужасны, как плагины WordPress, все же может быть выгодно выбрать шрифт, который регулярно обновляется. Например, семейство Noto от Google регулярно обновляется с 2014 года.

Поскольку большинство шрифтов в этом списке популярны, можно поспорить, что любой шрифт в этом списке будет получать регулярные обновления и улучшения. И если вы решите выйти из списка, убедитесь, что выбранный вами шрифт достаточно популярен, чтобы привлечь внимание, никогда не будет плохой идеей.

Не забывайте о специальных возможностях

По данным Всемирной организации здравоохранения, согласно данным, собранным в 2015 году, примерно 253 миллиона человек живут с нарушениями зрения: 36 миллионов слепых, а 217 миллионов имеют нарушения зрения от умеренной до тяжелой степени. Кроме того, по состоянию на 2022 год число людей с той или иной формой инвалидности возросло до 2,2 миллиарда человек.

При использовании шрифтов Google вы можете управлять их внешним видом с помощью CSS, например цветом и размером. Поэтому не забывайте следовать Руководству по обеспечению доступности веб-контента (WCAG) 2.0. Это гарантирует, что ваш контент будет легко доступен для всех.

Следование этим рекомендациям сделает контент доступным для более широкого круга людей с ограниченными возможностями, включая слепоту и слабое зрение, глухоту и потерю слуха, трудности в обучении, когнитивные ограничения, ограниченность движений, нарушения речи, светочувствительность и их комбинации. – Руководство по доступности веб-контента (WCAG) 2.0

Одним из важных правил является цветовой контраст.Наш шрифт был слишком светлым для старого дизайна веб-сайта Kinsta, и посетители высказывали свои опасения, поскольку его было трудно читать. Последнее, что вы хотите сделать, это публиковать потрясающий контент только для того, чтобы он стал утомительным для глаз людей!

Вы можете использовать такой инструмент, как Color Contrast Checker от WebAIM, чтобы проверить, соответствуют ли ваши цвета шрифта официальным рекомендациям. Например, вы можете видеть, что цвета в наших сообщениях в блоге теперь прошли тест. 👍

Инструмент проверки цветового контраста.

Как добавить шрифты Google в WordPress

Выбрав один или два шрифта, последний шаг — добавить их на ваш веб-сайт. Благодаря Google Fonts эта задача стала еще проще, чем обычно.

Предположим, вы хотите разместить шрифт на своем веб-сайте. В этом случае у вас есть три варианта: установка плагина, такого как Easy Google Fonts или Google Fonts Typography, использование Google Fonts API для загрузки шрифта на ваш сайт или его загрузка вручную и размещение на вашем веб-сайте.

Если вам нужно знать, как изменить шрифты в WordPress, мы составили подробное руководство, которое поможет вам.

Выбор шрифта — это больше, чем просто эстетический выбор. Он может оказать существенное влияние на показатель отказов и конверсию вашего сайта 😲 Начните здесь ⬇️Нажмите, чтобы твитнуть


Google Fonts фантастические и используются миллионами веб-сайтов. Они делают Интернет более приятным, открытым, быстрым и доступным благодаря прочным принципам типографики и иконографии.

Чтобы обеспечить лучшее общее впечатление для ваших посетителей, мы рекомендуем вам следовать передовым методам использования шрифтов, таким как ограничение толщины шрифта, локальное размещение шрифтов (при необходимости) и соблюдение рекомендаций по доступности.

А теперь к вам — какие ваши любимые шрифты и шрифтовые пары из Google Fonts? Дайте нам знать в комментариях и не забудьте прочитать наше подробное руководство по шрифтам WordPress!

Экономьте время, деньги и максимизируйте производительность сайта с:

  • Мгновенная помощь от экспертов по хостингу WordPress, круглосуточно и без выходных.
  • Интеграция с Cloudflare Enterprise.
  • Глобальный охват аудитории благодаря 29 центрам обработки данных по всему миру.
  • Оптимизация с помощью нашего встроенного мониторинга производительности приложений.

Все это и многое другое в одном плане без долгосрочных контрактов, сопровождаемой миграции и 30-дневной гарантии возврата денег. Ознакомьтесь с нашими планами или поговорите с отделом продаж, чтобы найти план, который подходит именно вам.

WP Google Fonts — плагин WordPress

Версия 3.1.5
— Исправить XSS-уязвимость

Версия 3.1.4
— Исправить XSS-уязвимость

Версия 3.1.3
— исправлено уведомление о сертификате SSL на странице настроек для запросов API Google.

Версия 3.11
— исправлена ​​ошибка, которая затрагивала всех, кто обновлялся с версий 3.0 или 3.0.1 до 3.1, когда ваши старые настройки шрифта не сохранялись. Если ваши настройки исчезли, все, что вам нужно сделать, это выбрать тот же шрифт в том же слоте, что и раньше. Остальные ваши настройки для этого шрифта (где он используется, пользовательский css и т. д.) во многих случаях останутся.В некоторых случаях вы этого не сделаете, и вам придется ввести их повторно. Если они их не помнят, вы можете попытаться получить их, посетив кешированную версию вашего сайта в Google и скопировав CSS-плагин, предоставленный в исходном коде (просмотрите исходный код веб-страницы, чтобы увидеть его).

Версия 3.1
— Переписан бэкэнд, на этот раз с использованием AJAX и более разумной логики, чтобы загрузка страницы настроек была намного быстрее Исправлены некоторые уведомления, которые люди увидят, если для WP_DEBUG установлено значение true


Версия 3.01
— Добавлена ​​поддержка арабского языка Ясером Мааданом (http://www.englize.com) и словацкого Бранко Раденовичем (http://webhostinggeeks.com/blog/)
— Незначительные исправления ошибок
— Обновлен резервный список шрифтов

Версия 3.0
– Большое спасибо Аарону Брауну (http://www.webmalama.com/) за это крупное обновление плагина.
— Плагин полностью переработан для динамической синхронизации с постоянно растущей библиотекой шрифтов Google. Это позволяет плагину всегда быть актуальным и избавляет вас от необходимости устанавливать обновление каждый раз, когда Google добавляет новые шрифты.
— Повышенная скорость (за счет кэширования и меньшего количества обращений к серверам Google)
— Добавлена ​​возможность выбора разных наборов символов для шрифтов, поддерживающих эту функцию
— Более надежная обработка веса шрифта, просто установите флажок рядом с весом, который вы хотите использовать.

Версия 2.8
— Добавлено 42 новых шрифта. Как всегда, напишите мне, если у вас возникнут проблемы с какими-либо конкретными шрифтами или весами шрифтов.

Версия 2.7
— Обновлен плагин, включающий 119 новых дополнений шрифтов от Google.

Версия 2.6
— Добавлен еще 141 шрифт, чтобы не отставать от Google. Я не могу протестировать каждый шрифт по отдельности, поэтому, если по какой-то причине вы столкнулись с ошибкой, свяжитесь со мной, и я выпущу обновление.

Версия 2.5
— поддержка итальянского языка благодаря Gianni Diurno (http://gidibao.net/)
— добавлено 27 новых шрифтов/вариаций, в том числе: Abril Fatface, Adamina, Alike Angular, Antic, Changa One, Chivo, Chivo: 400 900 , Dorsa, Fanwood Text, Fanwood Text:400,400italic, Julee, Merienda One, Passero One, Poller One, Prata, Prociono, Sansita One, Sorts Mill Goudy, Sorts Mill Goudy:400,400italic, Spinnaker, Terminal Dosis:200, Terminal Dosis :300, предельная доза, предельная доза:500, предельная доза:600, предельная доза:700 и предельная доза:800.

Версия 2.4
— Поддержка французского языка благодаря Фредерику Серве (www.fredserva.fr)
— Спасибо Аарону Брауну (http://www.webmalama.com/) за обнаружение ошибки, которая добавляла дополнительный код, когда выключено явно выбрано для некоторых шрифтов.
— добавлена ​​поддержка 43 новых шрифтов, в том числе: Abel, Actor, Aldrich, Alice, Alike, Andika, Aubrey, Black Ops One, Carme, Comfortaa, Coustard, Days One, Delius, Delius Swash Caps, Delius Unicase, Federo, Gentium Basic , Gentium Book Basic, Gentium+Book+Basic:400,400italic,700,700italic, Geostar, Geostar Fill, Gloria Hallelujah, Kelly Slab, Leckerli One, Marvel, Monoton, Montez, Numans, Ovo, Pompiere, Questrial, Rationale, Rochester, Rosario , Short Stack, Smokum, Snippet, Tulpen One, Unna, Vidaloka, Volkhov, Voltaire и Yellowtail.

Версия 2.3
— Подтверждена совместимость с 3.2.1
— Значительно уменьшен размер файла плагина.
— Упрощенный процесс обновления, поэтому будущие версии этого плагина могут быть выпущены быстрее, поскольку Google Fonts выпускает все больше и больше шрифтов.
— Добавлена ​​поддержка большего количества шрифтов, включая: Artifika, Lora, Kameron, Cedarville Cursive, Zeyada, La Belle Aurore, Shadows Into Light. , Омар Два, Никси Один, Гоблин Один, Варела, Восстановленный, Актив, Гравитас Один, Хаммерсмит Один, Трафарет Стардос, Любимый королем, Люблю тебя как сестру, Боулби Один СК, Форум, Варела Раунд, Патрик Хэнд, Есева Один , Give You Glory, Bowlby One, Modern Antiqua и Istok Web.

Версия 2.2
— Добавлена ​​поддержка еще 11 шрифтов

Версия 2.1
— добавлена ​​поддержка еще 38 шрифтов, в том числе: Aclonica, Annie Use Your Telescope, Bangers, Bigshot One, Carter One, Damion, Dawning of a New Day, Didact Gothic, Francois One, Holtwood One SC, Judson, Mako, Megrim, Metrophobic, Michroma, Miltonian Tattoo, Miltonian, Momofett, News Cycle, Nova Square, Open Sans, Open Sans Condensed, Over the Rainbow, Paytone One, Play, Quattrocento Sans, Rokkitt, Shanti, Sigmar One, Smythe, Special Elite, Сью Эллен Франциско, Суонки и Му Му, Terminal Dosis Light, The Girl Next Door, Ultra, Waiting for the Sunrise и Wallpoet.

  • Теперь работает на https-сайтах с помощью плагина «WordPress HTTPS» благодаря помощи Пита Тоборека.

Версия 2.0
— добавлена ​​поддержка EB Garamond, Nova Slim, Nova Script, Nova Round, Nova Oval, Nova Mono, Nova Flat, Nova Cut, Oswald и Six Caps.

Версия 1.9
— Добавлена ​​поддержка еще 22 шрифтов: Amaranth, Anton, Architects Daughter, Astloch, Bevan, Cabin Sketch, Candal, Dancing Script, Expletus Sans, Goudy Bookletter 1911, Indie Flower, Irish Grover, Kreon, League Script, Meddon. , MedievalSharp, Pacifico, PT Serif, PT Serif Caption, Quattrocento, Radley, VT323.Также подтверждена совместимость с WordPress 3.1


Версия 1.8
— Добавлена ​​поддержка еще 18 дополнений Google Font: Calligraffitti, Cherry Cream Soda, Chewy, Coming Soon, Crafty Girls, Crushed, Fontdiner Swanky, Homemade Apple, Irish Growler, Kranky, Luckiest Guy, Permenant Marker, Rock Salt, Школьный звонок, Слэки, Саншайни, Нечесаный и Уолтер Тернкоут. Также добавлена ​​поддержка полного семейства Vollkorn. Протестировано с WordPress 3.0.4

Версия 1.7
— Добавлена ​​поддержка еще 5 дополнений Google Font: Buda, Corben, Gruppo, Lekton и Ubuntu


Версия 1.6
— Добавлена ​​поддержка 15 новых дополнений Google Font: Allan, Anonymous Pro, Cabin, Copse, Just Another Hand, Kenia, Kristi, Lato, Maiden Orange, Merriweather, Mountains of Christmas, Orbitron, Sniglet, Syncopate и Vibur


Версия 1.5
— Добавлена ​​поддержка 17 новых дополнений Google Font: Allerta, Allerta Stencil, Arimo, Arvo, Bentham, Coda, Cousine, Covered By Your Grace, Geo, Josefin Sans (новые веса), Josefin Slab, Just Me Again Down Здесь
Puritan, Raleway, Tinos, UnifrakturCook и UnifrakturMaguntia

Версия 1.4
— Добавлена ​​поддержка 5 новых дополнений Google Font: Cuprum, Neucha, Neutron, Philosopher и PT Sans.

Версия 1.3
— Исправлены ошибки проверки W3. Добавлен логотип на экран панели управления WordPress.

Версия 1.2
— Добавлены отсутствующие варианты для IM Fell, перемещены вещи, чтобы упростить обновление этого плагина, поскольку Google добавляет больше шрифтов, в целом очищен код.

Версия 1.1
— Добавлена ​​поддержка шрифтов разного веса (варианты). По-прежнему отсутствует пара вариантов IM Fell, но я добавлю их, как только у меня будет шанс.

Версия 1.0
— Первый официальный релиз плагина.

21 исключительный шрифт Google, который вы, вероятно, еще не открыли

Шрифты Google могут быть самым значительным вкладом Google в эволюцию Интернета — да, более значительным, чем поиск, реклама или аналитика.

Google Fonts дает каждому бизнесу доступ к визуальному голосу, с помощью которого можно выделиться. Шрифты можно загружать для использования в программном обеспечении для дизайна, а затем встраивать с использованием лучших практик для согласованной работы в Интернете.

Если с Google Fonts что-то не так, так это то, что его списки по умолчанию основаны на «Тенденции», самореализующемся критерии, который удерживает Noto Sans на первом месте в списке, обреченном на чрезмерное использование.

Но если вы проведете немного времени ниже по списку, вы найдете несколько исключительных шрифтов, которые практически не используются. Да, некоторые из них сильно стилизованы, но есть и удобные шрифты без засечек, шрифты с засечками и экранные шрифты, заслуживающие вашего внимания.

Все, что вам нужно сделать, это прокрутить; вот некоторые из сокровищ, которые вы найдете, если сделаете…



Piazzolla отличается драматическими и выразительными угловатыми формами при предварительном просмотре в больших размерах, но его настоящая сила заключается в размещении большого количества основного текста.



Если вы ищете надежную рабочую лошадку без гроша, обратите внимание на Mulish. На полпути между гуманистическим и геометрическим гротеском есть даже версия с переменным шрифтом.


Севиче Один

Напоминающий крутой шрифт рекламы 60-х годов, Ceviche One наполнен энергией благодаря драматическому зигзагу, сформированному вдоль его базовой линии.



Выпущенный Фридрихом Альтхаузеном в 2005 году, Vollkorn — отличный шрифт для основного текста, превосходный в небольших размерах.Теперь он может похвастаться опцией переменного шрифта.



Мериенда — это восхитительно энергичный сценарий отображения. Жирный шрифт кажется более уверенным, но оба веса имеют танцевальный ритм, который оживляет страницу.


Рэйлуэй Точки

Raleway — чрезвычайно популярный и, возможно, чрезмерно используемый шрифт, но эта версия с точками менее известна. Это простой геометрический гротеск, который работает как циферблат.



Kenia — замечательный, не поддающийся классификации шрифт.Трафаретные формы дают совершенно оригинальные конструкции букв, а строчная буква s великолепна.


DM Санс

DM Sans — это низкоконтрастный геометрический шрифт без засечек, который прекрасно работает в небольших размерах. У него всего три веса, но каждый имеет соответствующий курсив.



Разработанный Верноном Адамсом в рамках проекта KDE для GNU+Linux, Oxygen представляет собой очень удобочитаемый шрифт без засечек, с большой высотой x и намеком на штрих пера.



«Алиса» Ксении Эрулевич вдохновлена ​​романом Льюиса Кэрролла «Приключения Алисы в стране чудес». Он представляет собой эдвардианскую антикву с причудливыми завитушками.


Картер Один

Carter One использует смелые штрихи со средним уровнем контраста для создания шрифта без стиля. Он имеет десятки красивых деталей, таких как выемка на строчной букве o.


Бодони Мода

Bodoni Moda — шрифт с засечками в стиле дидоне с сильными вертикальными штрихами и высококонтрастными засечками в виде плит.Это лучший вариативный шрифт в этом жанре, который я нашел.



Ultra — это шрифт с засечками, который вы даже не будете рассматривать для основного текста. Его скульптурные формы почти американо-западные. Счетчик на строчной n очарователен.


Азерет Моно

Большинство моноширинных шрифтов не вдохновляют; они могут быть практичными, но не очаровательными. Но Azeret Mono идет вразрез с этой тенденцией, его смелые веса особенно фантастичны.



Трудно найти серьезный шрифт без засечек с закругленными концами, но Nunito — это то, что нужно.Есть также Nunito Sans с квадратными наконечниками, но мне нравятся закругленные наконечники.



Разработанный для вывесок, банджи отлично подходит для размеров дисплея и хорошо работает вертикально. Существует несколько версий, но мне больше всего нравится эта стильная встроенная версия.



Oi неприлично громкий. Гладкий шрифт с засечками, который поглощает собственные детали, счетчики и ловушки для чернил придают ему трехмерный вид, а изгибы кажутся почти морскими.


Expletus Sans

Одной из значительных тенденций в типографике является угловая обрезка смежных штрихов, создающая эффект тени.Этот эффект блестяще достигается в Expletus Sans.



Сравнительно необычно найти шрифт с засечками, который хорошо работает на экранах. При больших размерах закругленные наконечники Lustria восхитительно напоминают растекающиеся чернила.


Ятра Один

Yatra One — это деванагари и латинский шрифт, который использует угол наклона кисти деванагари для штрихов, что придает латинскому тексту необычно наклонный, выделяющийся характер.



Amiko — это очень разборчивый шрифт, который отлично подходит для мелкого размера шрифта.Он идеально подходит в качестве дополнительного шрифта, если ваш основной шрифт слишком причудлив для таких элементов, как юридические уведомления.


Продолжайте прокручивать

Всегда заманчиво прыгнуть на первый найденный шрифт, который соответствует вашим потребностям, но если вы копнете немного глубже в Google Fonts, вы найдете широкий спектр шрифтов, которые предлагают как практичность, так и характер.

Лучшие шрифты Google в 2022 году

Если вы ищете новые шрифты, этот список лучших шрифтов Google — отличное место для начала.Все перечисленные здесь шрифты имеют открытый исходный код, что означает, что вы можете использовать их бесплатно как в личных, так и в коммерческих проектах.

Единственная проблема, с которой вам придется столкнуться, это выбор между ними. На момент написания статьи на сайте было доступно 1052 семейства шрифтов. Поэтому, чтобы помочь вам начать работу, мы собрали небольшую подборку лучших шрифтов Google, доступных сегодня.

Вам не нужно предоставлять какие-либо данные или подписываться на что-либо. Вы также не должны указывать авторство в своих проектах.Просто нажмите на ссылку, которую мы предоставили ниже, загрузите файлы, а затем делайте с ними все, что хотите. Вы даже можете настроить их для собственного использования! И если этот список дает вам вкус к халяве, то посмотрите наши лучшие бесплатные шрифты для большего количества шрифтов разных стилей.

01. Space Mono 

(Изображение предоставлено Томом Мэем)

Space Mono — это оригинальное семейство шрифтов с фиксированной шириной, разработанное для редакционного использования в типографике заголовков и дисплеев компанией Colophon Foundry. Его формы букв сочетают геометрическую основу с гротескными деталями, чтобы вызвать дух газетных заголовков 1960-х годов.Его функции включают цифры в старом стиле, надстрочные и подстрочные цифры, дроби, символы валюты по центру и по высоте, стрелки направления и несколько стилистических вариантов.

02. Cormorant

(Изображение предоставлено Томом Мэем)

Cormorant — это семейство дисплеев, разработанное Кристианом Тальманном. Хотя он вдохновлен наследием знаменитого шрифтового дизайнера Клода Гарамона, в качестве эталона не использовался какой-либо конкретный шрифт, и большинство глифов были нарисованы с нуля. Cormorant в настоящее время содержит 45 файлов шрифтов, охватывающих 9 различных визуальных стилей и пять начертаний.

03. Work Sans

(Изображение предоставлено Томом Мэем)

Результат проекта под руководством австралийского шрифтового дизайнера Вей Хуанга, Work Sans — это семейство шрифтов, основанное на ранних гротесках. Хотя его можно использовать как в печатном, так и в веб-дизайне, функции были упрощены и оптимизированы для разрешений экрана; например, диакритические знаки больше, чем они были бы в печати. В то же время шрифты, близкие к экстремальным, предназначены больше для использования на дисплеях. С 2020 года он был обновлен до семейства вариативных шрифтов.

04. Alegreya

(Изображение предоставлено Томом Мэем)

Alegreya — отмеченный множеством наград шрифт, изначально разработанный для литературы. Разработанный Хуаном Пабло дель Пералем для Huerta Tipográfica, он может похвастаться динамичным и разнообразным ритмом, который превращает чтение длинных отрывков в визуальное удовольствие. Делая тонкие отсылки к каллиграфии, это суперсемейство шрифтов (которое включает в себя как семейства с засечками, так и семейства без засечек) предлагает отличное сочетание стиля, авторитетности и разнообразия.

05.Archivo Narrow

(Изображение предоставлено Томом Мэем)

Archivo Narrow — это гротескное семейство шрифтов без засечек, предназначенное для одновременного использования на печатных и цифровых платформах. Это семейство, которое лучше всего использовать для выделения и заголовков, произошло от Chivo и напоминает американские шрифты конца девятнадцатого века. Созданный Omnibus-Type для высокопроизводительной типографики, он поддерживает более 200 языков мира и включает в себя обычный, узкий и черный стили.

06. Anonymous Pro

(Изображение предоставлено Томом Мэем)

Anonymous Pro, созданный Марком Симонсоном, представляет собой семейство шрифтов с фиксированной шириной, разработанное с учетом кодирования.Он придает символам, которые можно спутать друг с другом (O, 0, I, l, 1 и т. д.), различные формы, чтобы их было легче отличить друг от друга в контексте исходного кода. Кроме того, в обычный и полужирный начертания встроены растровые изображения для наименьших размеров (10–13 страниц на миллион). Он был вдохновлен Anonymous 9, бесплатным растровым шрифтом для Macintosh, разработанным в середине 90-х Сьюзан Леш и Дэвидом Ламкинсом как более разборчивый. альтернатива Monaco, системный шрифт Macintosh фиксированной ширины.

07. Sora

(Изображение предоставлено Томом Мэем)

Большая высота по оси x и большие счетчики делают Sora отличным выбором для приложений и веб-интерфейсов, где жизненно важны четкость и эффективность при любом размере.Это семейство шрифтов было заказано одноименной японской компании, специалистам по блокчейну, наиболее известным созданием первой в мире цифровой валюты центрального банка. Sora берет пример с эстетики низкого разрешения и ранней экранной типографики, не отягощенной ностальгией.

08. Inter

(Изображение предоставлено Томом Мэем)

Inter — это семейство вариативных шрифтов с большой высотой по оси x для улучшения читаемости в отрывках текста, состоящего из смешанного и нижнего регистров.Предоставление контекстных альтернатив позволяет вам настраивать пунктуацию в зависимости от формы окружающих глифов, а также есть ноль с косой чертой, когда вам нужно устранить неоднозначность «0» от «o». Проект Inter возглавляет Расмус Андерссон, шведский разработчик программного обеспечения, проживающий в Сан-Франциско.

09. Рубик

(Изображение предоставлено Томом Мэем)

Рубик со скругленными углами и низким контрастом штрихов — один из самых дружелюбных и приветливых шрифтов без засечек. Шрифт, разработанный Филиппом Хьюбертом и Себастьяном Фишером из Hubert & Fischer, изначально был заказан Google для использования на выставке «Кубик Рубика».Семейство из пяти начертаний с римским и курсивным стилями, у него также есть родственный моноширинный шрифт Rubik Mono One.

10. Fira Sans

(Изображение предоставлено Томом Мэем)

Целью Fira Sans является удовлетворение потребностей в удобочитаемости большого количества мобильных телефонов, отличающихся качеством экрана и визуализацией. Разработанный для Mozilla FirefoxOS, проект возглавляет берлинская компания Carrois. Семейство представлено в трех вариантах ширины, все они сопровождаются курсивом и включают моноширинный вариант.

11.Open Sans

(Изображение предоставлено Томом Мэем)

Open Sans — гуманистический шрифт без засечек, разработанный Стивом Маттесоном. Open Sans был разработан с вертикальным акцентом, открытыми формами и нейтральным, но дружелюбным внешним видом. Он оптимизирован для печатных, веб- и мобильных интерфейсов и имеет отличные характеристики разборчивости букв.

12. Lato

(Изображение предоставлено Томом Мэем)

Lato — это семейство шрифтов без засечек, разработанное варшавским дизайнером Оукашем Дзеджичем («Lato» означает «Лето» на польском языке).Изначально Lato задумывался как набор корпоративных шрифтов для крупного клиента, который в итоге решил пойти в другом стилистическом направлении, поэтому семейство стало доступным для публичного релиза. Полукруглые детали букв придают Лато ощущение тепла, а прочная структура обеспечивает стабильность и серьезность.

13. Old Standard TT

(Изображение предоставлено Томом Мэем)

Old Standard был разработан Алексеем Крюковым и воспроизводит особый тип современного стиля шрифтов с засечками.Его можно считать хорошим выбором для верстки основного текста, так как его особенности тесно связаны в глазах людей со старыми книгами, по которым они учились.

14. Ubuntu

(Изображение предоставлено Томом Мэем)

Разработанное дизайнерской студией Далтона Маага, семейство шрифтов Ubuntu было создано, чтобы обеспечить индивидуальность, видимую и ощущаемую в каждом меню, кнопке и диалоговом окне. В этом шрифте без засечек используются функции OpenType, и для ясности на экранах настольных компьютеров и мобильных компьютеров он создается вручную.

15. Vollkorn

(Изображение предоставлено Томом Мэем)

Vollkorn разработан, чтобы быть тихим и скромным текстовым лицом для использования на хлеб с маслом. В отличие от его примеров на книжных шрифтах от эпохи Возрождения до наших дней, у него темные и мясистые засечки, а также подпрыгивающий и здоровый вид. Он может использоваться как тип тела, а также для заголовков или заголовков.


Как использовать Google Fonts в вашем следующем проекте веб-дизайна

by Hayden Mills

Итак, вы, наверное, слышали, что у Google есть сотни бесплатных веб-шрифтов, готовых для использования в вашем следующем проекте.Но как вы используете их на своем сайте? Эта статья проведет вас через шаги, которые нужно предпринять, чтобы запустить их на вашем веб-сайте. Это должно занять не более 10 минут!

Что такое шрифты Google?
«Google Fonts впервые был запущен в 2010 году как инженерная инициатива, направленная на продвижение Интернета и его ускорение». — Google Design

Google Fonts, запущенный в 2010 году, быстро стал самым большим бесплатным набором шрифтов с открытым исходным кодом в Интернете. Все шрифты Google бесплатны для коммерческого и личного использования.Веб-сайт Google Fonts позволяет любому пользователю быстро выбирать и использовать различные шрифты для своих нужд в дизайне.

Кто использует шрифты Google?

Все знают! Графические дизайнеры, дизайнеры UX, исследователи, разработчики, веб-дизайнеры, блоггеры, менеджеры социальных сетей, предприниматели, художники, студенты, учителя, фотографы и многие другие. Я видел шрифты Google, используемые на рекламных щитах, плакатах, презентациях, свадебных приглашениях, веб-сайтах и ​​книгах.

Все и их мамы используют Google Fonts
Кто создает шрифты?

Google Fonts сотрудничает с дизайнерами шрифтов, производителями шрифтов и дизайнерским сообществом по всему миру.Эти люди и организации разрабатывают шрифты, которые вы видите в Google Fonts. Например, Лукаш Дзедзич — независимый дизайнер шрифтов, разработавший популярный шрифт Lato. Фирма ParaType разработала шрифт PT Serif.

Зачем Google шрифты?

Каждая ссылка на Google Fonts API на веб-сайте дает Google возможность проводить дополнительный анализ данных. Это звучит грубо? Да, но я не думаю, что это должно помешать вам использовать шрифты Google.

Другая более утешительная причина, по которой Google заботится о шрифтах, заключается в том, что они хотят сделать общедоступные веб-шрифты доступными для широких масс.Они хотят сделать более быструю и красивую сеть, в которой легче ориентироваться и использовать. Они также запустили Google Fonts еще в 2010 году, когда такой сервис был очень нужен, поэтому они решили еще одну проблему, с которой мы столкнулись в Интернете. #dontbeevil

Источник — fonts.google.com/about
Почему я должен использовать их?

Бесплатно не побьешь. Я прав? Помимо того, что вы бесплатны, вы должны рассмотреть возможность использования Google Fonts в своем следующем проекте веб-дизайна, потому что…

  • Шрифты легко внедрить на ваш веб-сайт
  • Существует более 850 шрифтов на выбор (и их число продолжает расти)
  • В целом качество шрифтов продолжает расти
  • Шрифты Google также можно загрузить для использования в печати

Ладно, ладно, ладно! Теперь о том, как вы их используете.

Как использовать Google Fonts — шаг за шагом

1) Перейдите на веб-сайт Google Fonts

Посетите веб-сайт Google Fonts, где вы сможете выбрать из 853 семейств шрифтов, и их число продолжает расти! Веб-сайт позволяет фильтровать результаты по стилю шрифта, языкам, популярности и весу. Google Fonts также предлагает новые шрифты, если вы посещаете «избранную» страницу.

2) Поиск шрифтов, которые вам нравятся

Если вы знаете название семейства шрифтов, вы можете его найти.

3) Нажмите «+», когда будете готовы его использовать.

Каждое семейство шрифтов имеет кнопку «плюс» в правом верхнем углу. Нажмите кнопку «плюс», чтобы добавить семейство шрифтов в «ящик выбора», который появляется в нижней части экрана.

4) Повторите шаги 1–3, если вы ищете более одного шрифта для использования
5) Щелкните «ящик выбора», чтобы отобразить все выбранные вами шрифты увидеть все шрифты, которые вы добавили. Здесь вы найдете код для добавления на свой сайт.У вас также есть возможность загрузить шрифты на рабочий стол.

6) «Ящик выбора» — это место, где вы возьмете код, который скопируете/вставите на свои веб-сайты Код HTML и CSS

Из «ящика выбора» вы скопируете код, чтобы вставить его в свои HTML и CSS . Чтобы Google Fonts работал на вашем веб-сайте, у вас должно быть как семейство шрифтов, связанное с Google Fonts API (в HTML), так и указанное семейство шрифтов (в CSS).

7) Если хотите, добавьте разные начертания и стили шрифта, щелкнув вкладку «Настроить».

Это ваш последний шанс добавить разные начертания и стили шрифтов в ваши семейства шрифтов, прежде чем добавлять их на свой веб-сайт.Добавляйте только те веса и стили шрифтов, которые, как вы знаете, вам понадобятся, потому что чем больше шрифтов вы добавите, тем медленнее они будут загружаться на ваш сайт.

8) Скопируйте HTML-код и вставьте его в
вашего веб-сайта

Хорошо, мы почти закончили! Все, что нам нужно сделать сейчас, это скопировать и вставить код HTML и CSS на ваш сайт. Сначала скопируйте HTML-ссылку в заголовок HTML-документа.

9) Скопируйте правило CSS и вставьте его в файл CSS вашего веб-сайта

Наконец, нам также нужно скопировать и вставить правила CSS в ваш файл CSS.Если вы добавляете один шрифт Google для своего веб-сайта, вы можете добавить правила семейства шрифтов CSS в свой тег body. В противном случае вам нужно будет убедиться, что вы добавляете его к правильным элементам в ваших файлах CSS.

10) Сохраните оба файла (HTML и CSS), затем обновите свой веб-сайт и просмотрите новый шрифт

Не забудьте сохранить и обновить!

Обновите свои локальные файлы, и вы должны увидеть новое семейство шрифтов… в данном случае это шрифт Google под названием Lato.

Ну вот! Вы успешно внедрили свой первый шрифт Google на свой веб-сайт.Поздравляю, ты кодер. Справедливо сказать, что Google Fonts в основном…


Спасибо за чтение

Не стесняйтесь оставлять комментарии ниже или обращаться ко мне в Twitter с любыми вопросами ✌️

Кроме того, я создатель Font Pair , который поможет вам объединить шрифты Google вместе. Ознакомьтесь с нашей новой публикацией на Medium, чтобы узнать больше о типографике!

Как выбрать шрифты для вашего бизнеса

Google Fonts — один из самых популярных шрифтов, которые вы найдете в Интернете.Если вы в настоящее время используете интернет-магазин Shopify, вы будете знать, что используете шрифты Google на своем веб-сайте. Веб-шрифты Google часто являются стандартными примерами шрифтов, используемых популярными брендами, такими как Canva. Если вы ищете лучшие комбинации шрифтов Google или вам нужна помощь в поиске рукописных шрифтов Google, в этой статье рассказывается о лучших веб-шрифтах, которые вы можете использовать для своего веб-сайта или дизайнерской работы.

Не ждите, пока это сделает кто-то другой. Наймите себя и начните командовать.

Начать бесплатно

Что такое шрифты Google?

Google Fonts — это типографская библиотека, созданная Google с 923 лицензированными шрифтами, которые можно бесплатно использовать в деловых или личных целях. Их можно использовать на вашем веб-сайте, в дизайнерских работах, в школьных заданиях, в продуктах и ​​т. д.

Эти шрифты уже установлены на таких популярных платформах, как Shopify и Canva, что упрощает дизайн для владельцев бизнеса. Однако вы также можете загрузить веб-шрифты на свой компьютер для личного использования.

Как выбрать шрифты Google

Несколько факторов могут помочь вам решить, какой шрифт Google выбрать. Когда дело доходит до выбора используемого веб-шрифта, вы должны учитывать удобочитаемость, назначение, комбинации шрифтов Google, популярность и интуицию. Вот несколько идей, которые помогут вам лучше понять, какие шрифты следует использовать в различных ситуациях:

1. Удобочитаемость

Если вы пишете книгу, контент для блога или что-то еще с большим объемом текста, вам следует подумать о выборе шрифта с засечками.Шрифт с засечками — это шрифт, в котором буквы выглядят так, будто у них есть «ножки». Эти ножки соединяют буквы ближе друг к другу, что облегчает их чтение. Если вы посмотрите на шрифты без засечек, то увидите, что у них нет таких расширений в виде стоп, что затрудняет чтение более длинных отрывков.

2. Цель

Когда дело доходит до выбора шрифта, все может сводиться к цели, для которой он используется. Например, вы можете использовать рукописный шрифт Google Fonts, когда дело доходит до свадебных приглашений, поскольку в этой настройке принято использовать курсивные шрифты.Вы можете выбрать более формальный шрифт, такой как Helveticish, для своего резюме, так как он создаст более чистый вид. Если вы используете более необычный шрифт, такой как ABYS, это будет означать выделение одного или двух слов в дизайне, а не что-то более объемное для текста. Вы хотите выбрать шрифт Google, который подходит для дизайна, контекста и отрасли, для которой вы используете шрифт.

3. Лучшие комбинации шрифтов Google

Далее в этой статье мы поделимся некоторыми комбинациями шрифтов Google. Однако при выборе пары шрифтов следует учитывать, насколько они дополняют друг друга.Вы можете сочетать современный заголовок без засечек с основным текстом с засечками.

Шрифты с мелким штрихом хорошо подходят для заголовков и хорошо сочетаются с читаемыми шрифтами с засечками, создавая чистый и легко читаемый вид.

Шрифт Google с полужирными засечками может сочетаться с популярным шрифтом без засечек для упрощенного копирования текста.

4. Используйте популярные шрифты

Имея более 900 шрифтов, вы можете подумать, что любой из них подойдет для любого случая.Тем не менее, большинство дизайнеров часто прибегают к тому же небольшому количеству шрифтов, которые хорошо подходят для большинства дизайнов. Например, при создании пинов на Pinterest я заметил, что шрифт Playfair Display от Google хорошо работает, привлекая внимание, когда он выделен курсивом. Я пробовал несколько других шрифтов на платформе, но мои самые эффективные пины всегда исходили от одного и того же шрифта Google. С опытом вы также начнете выбирать несколько лучших шрифтов. Можно часто использовать одни и те же шрифты Google. Если это работает, не бойтесь продолжать использовать его.

5. Следуйте своему чутью

Иногда шрифт кажется правильным, а иногда нет. Хотя некоторые из приведенных выше правил могут помочь вам определить правильный шрифт, существует слишком много шрифтов Google, чтобы создавать для них идеальные правила. Время от времени вам нужно будет экспериментировать и играть с выбором шрифта, чтобы увидеть, что выглядит лучше всего. Если вы понимаете стандартные принципы и элементы графического дизайна, у вас будет лучшее представление о том, какой шрифт лучше всего работает при работе над дизайном в целом.

Почему шрифты Google важны 

Шрифты Google важны, потому что они позволяют вам передавать различные тона и индивидуальность бренда с помощью типографики.Тот факт, что существует более 900 бесплатных веб-шрифтов Google, позволяет компаниям с ограниченным бюджетом использовать различную типографику без необходимости платить за лицензии на новые шрифты.

50+ Google Шрифты для использования в 2021

Лучшие Google Fonts

  • Roboto
  • Roboto
  • Oswald
  • Oswald
  • Roboto Condensed
  • Roboto Condensed
  • Montserrat
  • Raleway
  • ПТ Санс
  • Список шрифтов Google

    В настоящее время существует 923 шрифта Google.Вот несколько на списке Google Fonts:

    1. Playfair Display
    2. Buckererville
    3. Libre Baskerville
    4. Archivo Sans
    5. Alegreya Sans
    6. Ubuntu
    7. Crimson Text
    8. HEEBO
    9. CAURE
    10. LOBSER
    11. 9

      бесплатно Google Fonts

    12. PACIFICO
    13. BARLOW
    14. BARLOW
    16. BONBON
    17. ROPA SANS
    18. Amiri
    19. Orbitrin
    20. Zilla Slab
    21. Great Vibe
    22. лучший шрифт для веб-сайта

      1. Playfair Display
      2. Cantata One
      3. Roboto SLAB
      4. CARDO
      6. POPPINS
      7. Merriweather
      8. LORA
      9. DOMINE
      10. KARLA
      11. 9

        Лучший Serif Google Fonts

      12. Roboto Text
      13. Slabo 27PX
      14. EB Haramond
      15. EB Garamond
      16. Neuton
      17. Zilla Slab
      18. Josefin Slab
      19. UNNA
      20. ABHAYA LIBRE
      21. Лучшие Sans Serif Google Fonts

      22. Roboto
      23. Ubuntu
      24. RUBUNTU
      25. RUBIK
      26. CAUR
      27. HEEBO
      28. BLOW
      29. BARLOW
      30. Archivo Suzeer
      31. ASAR
      32. ROPA SANS
      33. 9

        лучших Google шрифтов почерк

      34. INDIE цветок
      35. PACIIFICO
      36. Bonbon
      37. Amatic SC
      38. Amatatic SC
      39. Great Vibes
      40. Architects дочь
      41. ничего не мог сделать
      42. Reeenie Beanie

      лучших Google шрифтов дисплей

    23. Squada One
    24. Bahianiata
    26. горы на Рождество
    27. Lobster
    28. Abril Batface
    29. reatheous
    30. Cleantaa
    31. Geostar
    32. Patua One
    33. Best Google Fonts Monospace

      1. Roboto Mono
      2. Inconsolata
      3. Source Code Pro
      4. Cousine
      5. PT Mono
      6. Nanum Gothic Кодирование
      7. Space Mono
      8. Anonymous Pro
      9. Cutive Mono
      10. Oxygen Mono

      Google шрифты для Android

    34. Lito
    35. Montserrat
    36. Raleway
    37. Raleway
    38. Oswald
    39. MerriWeather
    40. Poppins
    41. Roboto Slab
    42. Playfair Display

    лучший Google шрифты для логотипов

  • Work
  • Works
  • Oswald
  • Roboto
  • Roboto
  • Poppins
  • LATO
  • 9

    Лучший Google Web Fonts

  • Churvive Mono
  • ARVO
  • Anton
  • Blower
  • FJALLA One
  • Varela Round
  • более темный гротескный
  • 9

    лучший шрифт семьи для веб-сайта

  • Raleway
  • Raleway
  • Roboto
  • Poppins
  • MULI
  • EXO
  • 9

    Google шрифты Shopify

  • Abril Fatface
  • Pacifico
  • Rancho
  • Sansita One
  • Inconsolata One
  • Inconsolata
  • Anonymous Pro
  • Fira Sans
  • LATO
  • горький
  • Google Fonts WordPress

  • Rokkitt
  • Courgette
  • Alegreya
  • Старый стандарт TT
  • Cardo
  • Zilla SLAB
  • Cantarell
  • Nanum Myeongjo
  • лучший Google Bont Combinations

  • Vast Shadow — Playfair Display
  • Montserrat — Droid Serif
  • Oswald — Roboto
  • Lato — Merriweather
  • Raleway — Roboto Mono
  • Abel — Ubuntu
  • Proza Libre — открытые Sans
  • Rubik – Karla
  • Bree Serif – Lora
  • Poppins – Anonymous Pro
  • Как скачать шрифты Google

    1.На веб-сайте Google Fonts выберите все шрифты, которые вы хотите загрузить, щелкнув значок «плюс» в разделе каждого шрифта.

    2. Далее откройте всплывающее окно внизу экрана

    3. Выберите стрелку вниз (значок загрузки)

    4. Нажмите «Загрузить».

    7. Вручную установите каждый шрифт из папки

    Как установить шрифт Google на свой веб-сайт

    Вы можете установить любой шрифт Google, который в настоящее время не установлен на вашем веб-сайте.Один из самых простых способов сделать это — установить платное приложение Shopify в своем магазине. Например, Fontify от Nitro App позволяет вам установить любой шрифт на свой веб-сайт без необходимости знать, как программировать.

    В противном случае вам потребуется отредактировать настройки темы. Обязательно продублируйте свою тему, чтобы не потерять свою работу, если что-то пойдет не так. Если вы не хотите делать это самостоятельно и не хотите платить за приложение, вы можете нанять эксперта Shopify. Эксперты Shopify имеют опыт изменения тем и могут добавить любой шрифт Google, который вы хотите, на свой веб-сайт за единовременную плату.Если вы не уверены, какой шрифт вам нужен, загрузите сразу несколько веб-шрифтов, чтобы не платить больше, чем вам нужно.

    Вы также можете встроить шрифты Google на свой веб-сайт. Например, зайти на официальный сайт. Затем нажмите знак «плюс» рядом с нужным шрифтом. Появится всплывающее окно. Затем в разделе «Встроить» скопируйте и вставьте код в верхней части HTML-раздела вашего веб-сайта. Это приведет к тому, что ваш текст будет отображаться этим шрифтом. Этот процесс может быть немного ручным, но это быстрое решение для тех, кто не разбирается в технологиях и имеет ограниченный бюджет.

    Генераторы шрифтов Google

    1. Canva

    Генератор шрифтов Canva позволяет находить лучшие комбинации шрифтов Google. Создаете ли вы рекламу или пост в социальных сетях, вы можете решить использовать два шрифта. Один из этих шрифтов можно использовать в качестве заголовка, а другой — для подтекста. Затем вы можете использовать эти шрифты для разработки и создания контента на платформе Canva, которая также использует различные шрифты Google. Все, что вам нужно сделать, это ввести или выбрать шрифт, для которого вы хотите найти комбинацию.Затем Canva представит вам свой лучший вариант. Не все шрифты доступны в этом инструменте, но вы найдете одни из лучших шрифтов Google.

    2. Пара шрифтов

    Генератор шрифтов Google Font Pair поможет вам найти пары шрифтов для вашего веб-сайта или других форм контента. Комплексный веб-сайт сосредоточен на шрифтах, основанных на различных семействах шрифтов. Например, вы можете найти комбинации шрифтов без засечек и с засечками или комбинации шрифтов с засечками и шрифтов с засечками. Так что, если вы хотите сопоставить два конкретных семейства шрифтов, этот генератор шрифтов Google поможет вам.

    3. Fontjoy

    Генератор шрифтов Google Fontjoy демонстрирует три используемых шрифта. Верхний шрифт — лучший шрифт для заголовка, второй шрифт и подзаголовок, а третий шрифт — основной текст. Вам не нужно использовать все три шрифта. Например, если вы ищете шрифт заголовка и основного текста для своего веб-сайта, вы можете выбрать только первый и третий шрифт. Самое замечательное в этом инструменте то, что вы видите шрифт в действии, чтобы понять, подходит ли эта комбинация шрифтов для ваших нужд.

    4. Аналитика 

    Возможно, Аналитика не является генератором шрифтов Google в традиционном понимании. Тем не менее, он расскажет вам о самых популярных шрифтах Google. Если вы хотите использовать самые популярные веб-шрифты, вы быстро узнаете, что Roboto находится в верхней части списка. В психологии есть так называемый эффект простого воздействия, который означает, что людям нравятся вещи, которые им наиболее знакомы. Придерживаясь лучших веб-шрифтов Google, люди «теоретически» предпочтут тот шрифт, который увидят.


    Google Fonts можно использовать для графики в социальных сетях, дизайна футболок, веб-сайтов и других маркетинговых элементов для вашего онлайн-бизнеса. При выборе шрифта не забывайте учитывать тон, удобочитаемость и соответствие шрифта данной ситуации. Ничего страшного, если вы обнаружите, что используете один и тот же стиль шрифтов для своей работы, дизайнеры делают это постоянно. Сосредоточьтесь на выборе веб-шрифтов Google, которые лучше всего подходят для вашей цели, и это поможет завершить внешний вид вашего дизайна.

    Какие шрифты Google Fonts вы используете в своем интернет-магазине? Комментарий ниже!

    Хотите узнать больше?


    50 лучших сочетаний шрифтов Google [отобрано профессиональными дизайнерами]

    Шрифты, которые вы решите использовать на своем веб-сайте, могут улучшить или испортить ваш дизайн.

    Однако, поскольку в Интернете доступны тысячи бесплатных шрифтов, выбор идеальных комбинаций может занять много времени даже у опытных дизайнеров.

    В этой статье мы покажем самые красивые пары шрифтов от Google, которые можно легко добавить на ваш сайт.

    Примечание. Поскольку выбор шрифта является субъективным, наша команда дизайнеров вручную отобрала лучшие шрифты, исходя из удобочитаемости, гибкости дизайна и общей эстетики. Чтобы помочь вам принять решение, мы отсортировали шрифты по стилю: классический, элегантный, современный, креативный и минималистский.

    Классический шрифт Пары

    Стиль шрифта Стиль: Классика, Serif + Sans Serif
    Название Serif
    Title Serif
    Playfair Display
    Параграф Шрифт: Source Sans Pro
    Text Color: RGB (240, 214, 187 )
    Цвет фона:
    RGB(53, 53, 53)
    Дополнительные цвета:
    RGB(160, 138, 127)

    Стиль сочетания шрифтов: шрифт Classic, Serif + Sans Serif
    Название :  Playfair Display
    Шрифт абзаца:  Source Sans Pro
    Цвет текста: RGB(240, 214, 187)
    Цвет фона:
    RGB(53, 53, 59) 900(6) Дополнительный цвет 923: RGB (160, 138, 127)

    Стиль сопряжения шрифта: Classic, Serif + Sans Serif
    Заголовок Шрифт: Quattrocento
    Параграф Шрифт: Quattrocento Sans
    Цвет текста: RGB (226, 223, 218 )
    Цвет фона: RGB(38, 38, 3 8)
    Дополнительные цвета (ы): RGB (175, 152, 136)

    Стиль сопряжения шрифта: Classic, Serif + Serif
    Title + Serif
    Заголовок шрифта: Шрифт Quattrocento
    : Text Text
    цвет: RGB(249, 246, 239)
    Цвет фона: RGB(109, 106, 101)
    Дополнительные цвета: RGB(191, 175, 160), RGB(217, 203, 192) )

    Стиль сопряжения шрифта: Classic, плита + Serif
    Заголовок Шрифт: ОСWald
    Параграф Шрифт: Quattrocento
    Цвет текста: RGB (38, 25, 17)
    Фон Цвет: RGB ( 249, 246, 239)
    Дополнительные цвета: RGB(102, 74, 50), RGB(191, 175, 160)

    Стиль сочетания шрифтов: Classic, Sans Serif + Serif
    Шрифт заголовка :  Fjalla One
    Шрифт абзаца:  Libre Baskerville
    Цвет текста: RGB(42, 46, 47)
    Фон c цвет: RGB(220, 221, 215)
    Дополнительные цвета: RGB(185, 152, 133)

    Стиль сочетания шрифтов: Classic, Serif + Sans Serif
    3 Шрифт заголовка: 90Lustria Шрифт абзаца:  Lato
    Цвет текста: RGB(245, 240, 236)
    Цвет фона: RGB(0, 0, 0)
    Дополнительные цвета: RGB(189, 2141, 1 )

    Стиль сочетания шрифтов:  Classic, Serif + Sans Serif
    Шрифт заголовка:  Cormorant Garamond
    Шрифт абзаца: Proza Libre
    Цвет текста: 

    2 Цвет фона RGB (33) RGB(233, 230, 225)
    Дополнительные цвета: RGB(165, 174, 183), RGB(211, 169, 153)

    Стиль сочетания шрифтов: Classic, Slab + Serif
    Шрифт заголовка:  Oswald
    Шрифт абзаца: EB Garamond
    Цвет текста: RGB(249, 249, 249)
    Фон цвет: RGB(51, 47, 48)
    Дополнительные цвета: RGB(128, 132, 141), RGB(179, 180, 184)

    Стиль сочетания шрифтов: Classic, Serif + Sans Serif
    Шрифт заголовка:  Libre Baskerville
    Шрифт абзаца: Source Sans Pro
    Цвет текста: RGB(235, 235, 235)
    Цвет фона:

    RGB(028, 66) Дополнительно Color (ы): RGB (173, 185, 201)

    Элегантные шрифты

    Стиль шрифта Стиль: Элегантный, плита + Sans Serif
    Заголовок Шрифт: Cinzel
    Параграф шрифт: Fauna One
    Цвет текста: RGB(219, 204, 181)
    Цвет фона: RGB(181, 104, 76)
    Дополнительные цвета: RGB(131, 107, 79)

    Стиль сочетания шрифтов: Elegant, Script + Serif
    Шрифт заголовка:  Sacramento
    Шрифт абзаца: Alice
    Цвет текста:  RGB(80, 49, 47)
    Цвет фона: RGB(219, 204, 181)
    Дополнительные цвета: RGB(116, 50, 51), RGB(186, 142, 105)

    Стиль сочетания шрифтов: Elegant, Serif + Sans Serif
    Шрифт заголовка: Yeseva One
    Шрифт абзаца: Josefin Sans
    Цвет текста: RGB (219, 169, 169, 133 цветов фона RGB4: 92 136) 91 246 (22, 44, 58)
    Дополнительные цвета:  RGB(217, 124, 80)

    Стиль сочетания шрифтов:  Elegant, Serif + Sans Serif
    Шрифт заголовка:  Libre Baskerville

    33 Paragraph 9 : Montserrat
    Цвет текста: RGB(27, 59, 70)
    Цвет фона: RGB(235, 221, 212)
    Дополнительный(е) цвет(а): RGB(182, 186, 195) 9003 9003 195 Стиль сочетания шрифтов: Elegant, Sans Serif + Sans Serif
    Шрифт заголовка:  Cardo
    Шрифт абзаца: Josefin Sans
    9 1245 Цвет текста:
    RGB(219, 172, 111)
    Цвет фона: RGB(123, 51, 52)
    Дополнительные цвета: RGB(133, 88, 57)

    Стиль сочетания шрифтов : Элегантный, Serif + Sans Serif
    Заголовок Шрифт: LORA
    Параграф Шрифт: Roboto
    Цвет текста: RGB (33, 29, 30)
    Цвет фона: RGB (233, 230, 225)
    Дополнительные цвета: RGB(165, 174, 183), RGB(211, 169, 153)

    Стиль сочетания шрифтов: Elegant, Serif + Sans Serif
    Шрифт заголовка: 0 03Spectral Шрифт абзаца: Karla
    Цвет текста: RGB(249, 248, 246)
    Цвет фона: RGB(7, 54, 48)
    Дополнительные цвета: RGB(219, 179, 149, 199 ), RGB(238, 225, 216)

    Стиль сочетания шрифтов:  Elegant, Serif + Sans Serif
    Шрифт заголовка: Halant
    Шрифт абзаца: 912 46 Nunito Sans
    Цвет текста: RGB(209, 202, 194)
    Цвет фона: RGB(29, 29, 29)
    Дополнительные цвета: RGB(186, 135, 92), RGB (89, 107, 95)

    Стиль сочетания шрифтов: Elegant, Serif + Sans Serif
    Шрифт заголовка:  Karla
    Шрифт абзаца: Karla
    Цвет текста: 9 9, 8, 3 RGB Цвет фона: RGB(238, 221, 211)
    Дополнительные цвета: RGB(191, 109, 51), RGB(207, 216, 211)

    Стиль сочетания шрифтов: Elegant, Serif + Serif
    Шрифт заголовка:  Lora
    Шрифт абзаца: Merriweather
    Цвет текста: RGB(251, 245, 245)
    Цвет фона: RGB(45, 44, 043) Дополнительные цвета 92 44 42 ):
    RGB(205, 137, 124), RGB(243, 228, 223)

    Modern Fonts

    Стиль сочетания шрифтов: Modern, Sans Serif + Sans Serif
    Название шрифт:  Roboto
    Шрифт абзаца: Nunito
    Цвет текста: RGB(35, 31, 32)
    Цвет фона: RGB(173, 142, 121)
    RGB1(s4) Дополнительный цвет(s4)1(s4) 68, 76, 78), RGB(169, 124, 93)

    Стиль сочетания шрифтов: Modern, Sans Serif + Sans Serif
    Шрифт заголовка: Quicksand
    Шрифт абзаца:
    Text3 924 Quicksand 1900 RGB(15, 12, 19)
    Цвет фона: RGB(230, 225, 222)
    Дополнительные цвета: RGB(161, 105, 90), RGB(210, 193, 177)

    Стиль сочетания шрифтов: Modern, Slab + Sans Serif
    Шрифт заголовка:  Ubuntu
    Шрифт абзаца: Open Sans
    Цвет текста: RGB(235, 224, 218)
    9124 Цвет фона , 53, 43)
    Дополнительные цвета: RGB(135, 118, 110), RGB(173, 159, 156)

    Стиль сочетания шрифтов: Modern, Sans Serif + Sans Serif
    Заголовок Шрифт: Montserrat

    Задний план
    Цвет текста: RGB (101, 108, 116)
    Фон Цвет: RGB (238, 237, 232)
    Дополнительные цвет(а): RGB(38, 33, 37), RGB(164, 127, 72)

    Стиль сочетания шрифтов: Modern, Sans Serif + Sans Serif
    Шрифт заголовка:  Nunito
    Шрифт абзаца: Pt Sans
    Цвет текста: RGB(236, 232, 231)
    Цвет фона: RGB(46, 54, 65)
    Дополнительные цвета: RGB(208, 194, 191), RGB (227, 216, 214)

    , 216, 214)

    Стиль сопряжения шрифта: Современные, плиты + Serif
    Заголовок Шрифт: ОСWald
    Параграф Шрифт: Merriweather
    Цвет текста: RGB (221, 225, 236)
    Цвет фона: RGB(46, 54, 65)
    Дополнительные цвета: RGB(77, 82, 88), RGB(184, 190, 204)

    Fo стиль сопряжения nt: Modern, Sans Serif + Serif
    Шрифт заголовка:  Montserrat
    Шрифт абзаца: Cardo
    Цвет текста: RGB(55, 57, 69)
    Цвет фона: RGB6 912 , 225)
    Дополнительные цвета:  RGB(58, 122, 242), RGB(192, 195, 203)

    Стиль сочетания шрифтов:  Modern, Sans Serif + Serif
    Заголовочный шрифт:  Montserrat
    Шрифт абзаца: Crimson Text
    Цвет текста: RGB(222, 221, 221)
    Цвет фона: RGB(15, 9, 9)
    Дополнительные цвета: RGB1(7234, 234, 234, 234, 234, 234, 221) , 11), RGB(184, 184, 184)

    Стиль сочетания шрифтов:  Modern, Sans Serif + Sans Serif
    Шрифт заголовка:  Open Sans
    Шрифт абзаца: Open Sans Condens1, цвет: 6   Texted

    3 RGB(245, 245, 253)
    Цвет фона:  RGB(96, 77, 255)
    Дополнительные цвета:  RGB(184, 190, 204), RGB(245, 245, 253)

    Стиль сочетания шрифтов: Modern, Sans Serif + Sans Serif
    Шрифт заголовка: Nunito
    Шрифт абзаца: Nunito
    Шрифт абзаца: Nunito 1 цвет 3 91 253, 191, 45)
    Цвет фона: RGB(39, 39, 39)
    Дополнительные цвета: RGB(210, 210, 202), RGB(249, 249, 249)

    Creative Fonts

    Стиль сочетания шрифтов:  Creative, Slab + Sans Serif
    Шрифт заголовка:  Arvo
    Шрифт абзаца: Lato
    Цвет текста:  RGB(3, 5, 4, цвет фона: 9 RGB1) 9 20033 9 2045 151, 235, 212)
    Дополнительные цвета: RGB(176, 201, 191), RGB(238, 238, 238)

    Стиль сочетания шрифтов: Creative, Serif + Sans Serif
    Шрифт заголовка : Abril Fatface
    Шрифт абзаца: Poppins
    Цвет текста: RGB(37, 31, 84)
    Цвет фона: RGB(209, 200, 255)
    Дополнительные цвета: RGB(111, 17, 244), RGB(172, 48, 241)

    Стиль сочетания шрифтов: Creative, Serif + Sans Serif
    Шрифт заголовка: Playfair Display
    Шрифт абзаца: Source Sans Pro
    Цвет текста: RGB(251, 233, 234)
    Цвет фона: RGB(251, 74, 84)
    Дополнительные цвета: (9124 RGB6) 247, 175, 170), RGB(33, 29, 30)

    Стиль сочетания шрифтов: Creative, Sans Serif + Serif
    Шрифт заголовка:  Karla
    Шрифт абзаца: RGB2 color
    Inconsolata 1 (232, 233, 240)
    Цвет фона: RGB(48, 48, 75)
    Дополнительные цвета: RGB(194, 87, 225), RGB(148, 159, 224)

    Стиль сочетания шрифтов: Creative, Slab + Serif
    Шрифт заголовка:  Ultra
    Шрифт абзаца: Slabo 27px
    Цвет текста: RGB(0, 0, 0)
    Цвет фона: RGB(250, 201, 187)
    Дополнительные цвета: RGB(216, 217, 219), RGB(247, 247, 247)

    Стиль сочетания шрифтов: Creative, Serif + Serif
    Шрифт заголовка: Nixie One
    Шрифт абзаца: Ledger
    Цвет текста: RGB(14, 21, 21)
    Цвет фона: RGB(236, 239, 0303) Дополнительный цвет s): RGB(124, 124, 125), RGB(148, 150, 152)

    Стиль сочетания шрифтов: Creative, Serif + Sans Serif
    Шрифт заголовка:  Stint Ultra Expanded
    1 Шрифт Paragraph4: Pontano Sans
    Цвет текста: RGB(245, 255, 254)
    Цвет фона: RGB(73, 192, 212)
    Дополнительные цвета: RGB(246, 120, 95), RGB( 247, 168, 99)

    Стиль сочетания шрифтов: Creative, Sans Serif + Sans Serif
    Шрифт заголовка:  Amatic SC
    Шрифт абзаца: Andika
    Цвет текста: RGB(248, 214, 184)
    Цвет фона: RGB(119, 56, 25)
    Дополнительные цвета: RGB(198, 183, 214), RGB(219, 227, 212)


    Стиль сопряжения шрифта: Creative, Sans Serif + Serif
    Заголовок шрифта: Unica One
    Bont: Малиновый текст
    Цвет текста: RGB (249, 250, 251)
    Цвет фона: RGB(46, 46, 50)
    Дополнительные цвета: RGB(69, 140, 249), RGB(132, 132, 132)

    Стиль сочетания шрифтов: Creative, Sans Serif + Sans Serif
    Шрифт заголовка:  Philosopher
    Шрифт абзаца: Muli
    Цвет текста: RGB(249, 250, 251)
    Цвет фона: 5 RGB(254, 7 99, 90) s): RGB(26, 25, 23), RGB(228, 221, 211)

    Минималистские шрифты

    Стиль сочетания шрифтов: Минималистский, Sans Serif + Serif
    Шрифт заголовка: Source Sans Pro
    Шрифт абзаца: Source Serif Pro
    Цвет текста: RGB(240, 228, 216)
    Цвет фона: RGB(45, 45, 43) Дополнительный цвет(45, 45, 43)

        s): RGB(240, 228, 216), RGB(246, 245, 240)

        Стиль сочетания шрифтов: Minimalist, Sans Serif + Sans Serif
        Шрифт заголовка: Fjalla One font
        6 Cantarell
        Цвет текста: RGB(255, 255, 255)
        Цвет фона: RGB(176, 168, 157)
        Дополнительные цвета: RGB(195, 186, 171), RGB(237) , 236, 232)

        Стиль сочетания шрифтов:  Minimalist, Sans Serif + Sans Serif
        Шрифт заголовка:  Work Sans
        Шрифт абзаца: Open Sans
        Цвет текста: 9124, 2(2)306, RGB 3 ()
        Цвет фона: RGB(88, 74, 68)
        Дополнительные цвета: RGB(140, 117, 105), RGB(147, 146, 147)

        Стиль сочетания шрифтов: Minimalist, Sans Serif + Sans Serif
        Шрифт заголовка:  Hind
        Шрифт абзаца: Open Sans
        (цвет RGB7
        912 , 144, 115)
        Цвет фона: RGB(243, 242, 242)
        Дополнительные цвета: RGB(218, 194, 167), RGB(186, 164, 149 пара)

        Шрифты стиль: Minimalist, Sans Serif + Sans Serif
        Шрифт заголовка: Nunito
        Шрифт абзаца: Open Sans
        Цвет текста: RGB(0, 0, 0)
        Цвет фона:

        62 RGB4(4) , 233)
        Дополнительные цвета: RGB(250, 250, 250)

        Стиль сочетания шрифтов: Minimalist, Sans Serif + Sans Serif Pro
        Цвет текста: RGB(249, 249, 249)
        Цвет фона: RGB(128, 132, 141)
        91 245 Дополнительные цвета:
        RGB(51, 47, 48), RGB(179, 180, 184)

        Стиль сочетания шрифтов: Minimalist, Sans Serif + Sans Serif
        Шрифт заголовка: PT Sans

        Шрифт абзаца: Cabin
        Цвет текста: RGB(234, 236, 248)
        Цвет фона: RGB(205, 180, 150)
        Дополнительные цвета: RGB(210, 228, 250) , RGB (237, 234, 229)

        Шрифт Стиль сопряжения: Минималистский, Sans Serif + Sans Serif
        Название Serif
        Заголовок Serif
        Title Serif
        Serif Condensed
        Параграф шрифт: Кабина
        Цвет текста: RGB (255, 255 , 255)
        Цвет фона: RGB(179, 180, 184)
        Дополнительные цвета: RGB(210, 210, 210), RGB(227, 228, 230)

        Стиль сочетания шрифтов: Minimalist, Sans Serif + Sans Serif
        Шрифт заголовка: Raleway
        Шрифт абзаца: Open Sans
        Цвет текста: RGB(249, 249, 24 9)
        Цвет фона: RGB(45, 45, 43)
        Дополнительные цвета: RGB(240, 228, 216), RGB(249, 249, 249)

        Стиль сочетания шрифтов: Минималистский, Sans Serif + Serif
        Заголовок Шрифт: Boboto
        Параграф Шрифт: LORA
        Цвет текста: RGB (179, 180, 184)
        Цвет фона: RGB (128, 132, 141)
        Дополнительные цвета: RGB(249, 249, 249)


        Мы надеемся, что приведенные выше комбинации шрифтов и цветовые схемы помогут вдохновить вас на следующий проект веб-сайта.Чтобы создать дополнительные параметры, не стесняйтесь использовать редактор Pagecloud, чтобы смешивать и сочетать шрифты и цвета, пока не найдете идеальный вариант для вашего бренда.

        Pagecloud теперь предлагает цвета для всего сайта! Позволяет создавать, сохранять и обновлять цвета вашего сайта всего за несколько кликов. Чтобы узнать больше о цветах сайта, прочтите этот пост в блоге или зарегистрируйтесь бесплатно!

        Вам также может понравиться:  Простой способ создать профессиональный веб-сайт с Pagecloud


    Добавить комментарий

    Ваш адрес email не будет опубликован.