{"id":32205,"date":"2021-12-03T15:00:22","date_gmt":"2021-12-03T14:00:22","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=32205"},"modified":"2024-02-01T12:52:29","modified_gmt":"2024-02-01T11:52:29","slug":"best-google-fonts","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/best-google-fonts\/","title":{"rendered":"Designers\u2019 Pick: Best Google Fonts for 2024"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Typography is a craft that, being charged with artistic, aesthetic and technical values, deserves more attention than the general public usually gives it. We are so used to seeing text everywhere we hardly ever stop to actually look at those letters, the way they are crafted and arranged within their environment, and, what\u2019s particularly important, how they fit and interact with the graphic context they\u2019re placed in.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Here at Qode Interactive, we believe<strong> typography should be approached with equal focus and care as any other design element<\/strong>. It\u2019s not just that the fonts \u201ccarry\u201d the text, they also imbue the design with particular psychological values and convey specific messages, just like images and colors do. Certain typefaces communicate energy and optimism, others give the design an elegant or sophisticated feel, others yet are romantic, and there are, of course, tons of them that are professional and quite rigid. <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-choose-website-fonts\/\">The right choice of typeface<\/a> ensures the consistency of a design and is also extremely important in terms of branding and creating an aesthetic personality.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]While there are so many <a href=\"https:\/\/qodeinteractive.com\/magazine\/type-foundries\/\">amazing indie type foundries<\/a> out there creating all sorts of innovative and classic typefaces, designers often opt for <strong>free fonts that can be downloaded from the web<\/strong>, available in all the required varieties for web use. There are tons of places these days where a designer can <a href=\"https:\/\/qodeinteractive.com\/magazine\/websites-for-downloading-fonts-2021\/\">download a font<\/a> but today we want to talk about our (and everyone\u2019s) favorite &#8211; Google Fonts.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are a lot of reasons why Google Fonts reigns supreme over other free font sources. For one, it\u2019s Google, and you know they take things extremely seriously. With Google Fonts, a designer can be sure<strong> the technicalities such as licensing are taken care of<\/strong>, and they are also very easy to add to any website thanks to the Google Fonts API. They can also be mixed and matched to create <a href=\"https:\/\/qodeinteractive.com\/magazine\/google-font-combinations\/\">truly striking Google Fonts combinations<\/a>. In addition, Google Fonts represent <strong>a curated collection of typefaces that have been audited, tried and tested before being put up for download.<\/strong> We\u2019re talking about high-quality fonts designed to work great on all sorts of screens, from big to small. The only trouble is that there are so, so many of them to choose from. In fact, there are <strong>more than 1,200 font families available for free<\/strong> from this font repository (and the number keeps growing as Google is adding new fonts on a regular basis), so finding your way around them can be a tough chore.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Because of this, and also because we\u2019re really just so enthusiastic about typography, we\u2019ve decided to share a selection of what we believe are the most exciting Google Fonts out there right now:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#krona-one\">Krona One<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#syne\">Syne<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#italiana\">Italiana<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#bellezza\">Bellezza<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#space-grotesk\">Space Grotesk<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#federo\">Federo<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#dm-sans\">DM Sans<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#caudex\">Caudex<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#cinzel-decorative\">Cinzel Decorative<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#viaoda-libre\">Viaoda Libre<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-creative-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"krona-one\"><\/a>Krona One<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Krona-One.jpg\" class=\"attachment-full size-full\" alt=\"Krona One\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Krona-One.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Krona-One-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Krona-One-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Krona-One-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]We\u2019re kicking off our list with the excellent <a href=\"https:\/\/fonts.google.com\/specimen\/Krona+One\" target=\"_blank\" rel=\"noopener\">Krona One<\/a> font, created by the talented typographer Yvonne Sch\u00fcttler. It\u2019s a <strong>low contrast sans serif typeface and one of the few true semi-extended styles (although here at Qode Interactive we see it as a fully extended style)<\/strong> in the Google Fonts repository. Inspired by the handwritten Swedish poster type from the early 20th century, Krona One bears a distinct Scandinavian retro vibe but can actually fit a wide array of different styles and aesthetics. <strong>Highly readable, spacious and with a strong personality<\/strong>, Krona One makes an excellent choice for titles or any text you want to make bold and distinctive. Still, that doesn\u2019t mean it can\u2019t be used for smaller text, too. In fact, you can use it for both, as we did in our <a href=\"https:\/\/gracey.qodeinteractive.com\/portfolio-masonry\/\" target=\"_blank\" rel=\"noopener\">Gracey theme<\/a>, where Krona One is used for <a href=\"https:\/\/qodeinteractive.com\/magazine\/innovative-typography-hero-trends\/\">hero typography<\/a>, as well as for the header menu. We also found this font to be a great choice for the <a href=\"https:\/\/stockholm50.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Art Festival demo in the Stockholm theme<\/a>, where we used both smaller and larger Krona One styles.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"syne\"><\/a>Syne<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Syne.jpg\" class=\"attachment-full size-full\" alt=\"Syne\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Syne.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Syne-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Syne-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Syne-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Another font that has found ample use in our themes, <a href=\"https:\/\/fonts.google.com\/specimen\/Syne\" target=\"_blank\" rel=\"noopener\">Syne<\/a> was first developed in 2017 as the custom typeface for the Saint-Denis art festival Synesth\u00e9sie. The concept for the font came from the French design studio Bonjour Monde, and it was designed by Lucas Descroix with the help of Arman Mohtadji. Syne comes in five different styles &#8211; regular, medium, semi-bold, bold and extra bold. The family started, of course, with the regular style, <strong>a lovely geometric sans serif, convenient and suitable for the widest possible use, from titles to small bits of text.<\/strong> However, for those looking to make a bolder statement with their titles, the studio commissioned additional styles, each heavier than the previous one and crowned with the fun, wide <em>extra bold<\/em> style. <a href=\"https:\/\/micdrop.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Micdrop<\/a> is one of our themes where the bolder Syne styles are used to instill a particularly recognizable character with just a hint of retro aesthetics. Some of the theme homepages, like the <a href=\"https:\/\/micdrop.qodeinteractive.com\/label-showcase\/\" target=\"_blank\" rel=\"noopener\">Label Showcase<\/a>, use just Syne, without combining it with other fonts, which goes to show how versatile and practical this typeface is, despite its rather loud character. We also opted for Syne for our <a href=\"https:\/\/laurits.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Laurits<\/a> theme, where we explored the gentler, softer side of this typeface, which also worked very well with the geometric, sectioned layout.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"italiana\"><\/a>Italiana<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Italiana.jpg\" class=\"attachment-full size-full\" alt=\"Italiana\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Italiana.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Italiana-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Italiana-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Italiana-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Just like its name suggests, <a href=\"https:\/\/fonts.google.com\/specimen\/Italiana\" target=\"_blank\" rel=\"noopener\">Italiana<\/a> is a sans-serif heavily inspired by the Italian typographic tradition, most notably the handwritten styles. Conceptualized by its designer, Santiago Orozco, as <strong>an elegant, sophisticated typeface with a tiny bit of the <em>dolce vita<\/em> aesthetics,<\/strong> Italiana was primarily designed for headlines and titles, reminiscing the lettering used for early 20th century newspapers and magazines. Italiana is currently available only in regular style, but the family is in progress so we hope new additions will be available soon. It is a clean, airy and proportional typeface, and its elegant character makes it particularly suitable for fashion and creative projects. Unlike so many other design creations inspired by Italy, this font is not the least bit derivative and avoids the usual aesthetic commonplaces. It\u2019s highly adaptable and fits well in a variety of styles and contexts, and we just loved how it fit the vibe of our <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/oraiste-creative-portfolio-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">Or\u00e1iste<\/a> theme.<strong> Its interplay of hairline-thin bars and thicker stems and strokes, as well as careful kerning and white-spacing, make Italiana an airy yet distinctive font<\/strong>, which was a great fit for the mood we wanted to set with our theme.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"bellezza\"><\/a>Bellezza<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Bellezza.jpg\" class=\"attachment-full size-full\" alt=\"Bellezza\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Bellezza.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Bellezza-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Bellezza-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Bellezza-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Similarly to the Italiana font, <a href=\"https:\/\/fonts.google.com\/specimen\/Belleza\" target=\"_blank\" rel=\"noopener\">Bellezza<\/a> draws inspiration from Italian culture, this time from its fashion.<strong> This lovely, sophisticated, femminine sans-serif belongs to the group of humanist fonts, derived from old Latin types.<\/strong> With a bit more contrast between the thin and the wide strokes, Bellezza adds a personal touch to the humanist style, and its classical proportions add to the readability and usability. When we were working on our <a href=\"https:\/\/tobel.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">T\u00f6bel<\/a> theme, Bellezza came as a natural, obvious choice. Being a font that bears a particularly elegant character, it was a great means to provide an additional touch of sophistication and uniquely Italian chic to the layouts.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"space-grotesk\"><\/a>Space Grotesk<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Space-Grotesk.jpg\" class=\"attachment-full size-full\" alt=\"Space Grotesk\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Space-Grotesk.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Space-Grotesk-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Space-Grotesk-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Space-Grotesk-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Space Grotesk is a typeface developed by the Czech designer Florian Karsten, based on the Colophon Foundry\u2019s Space Mono fixed-width font (also a Google font) from 2017. When designing this proportional sans-serif, Karsten wanted to<strong> keep some of the quirkiness of the Space Mono type but to also \u201cclean it up\u201d a bit, so to speak &#8211; to make it more readable at non-display size<\/strong>. This versatile, adaptable type is available in five styles: light, regular, medium, semi-bold and bold and pairs very well with its older serif brother, Space Mono.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"federo\"><\/a>Federo<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Federo.jpg\" class=\"attachment-full size-full\" alt=\"Federo\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Federo.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Federo-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Federo-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Federo-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In 1909, the famous pioneer of sans-serif typography Jakob Erbar designed the Feder-Grotesk type which was first cast in 1910 by the Ludwig &amp; Mayer Typefoundry in Frankfurt. In 2011, Olexa Volochay designed for Cyreal a digital interpretation of this classic typeface, a display webfont named <a href=\"https:\/\/fonts.google.com\/specimen\/Federo\" target=\"_blank\" rel=\"noopener\">Federo<\/a>. The idea was to keep the type close to the original &#8211; <strong>a stressed sans-serif with noticeably uneven thickness of the strokes, resembling hand lettering using a broad-nibbed pen, in a distinctive Art-Nouveau style<\/strong> &#8211; but to refine it, make it a bit more consistent. The contrast was slightly reduced, proportions were fixed and counters were increased, improving the font\u2019s readability. The result is a lovely, web-ready font with a distinct personality and style. We loved it for <a href=\"https:\/\/stockholm46.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Stockholm\u2019s Animated Showcase demo<\/a>, where we set out to create a moodthat combines creativity and professionalism.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"dm-sans\"><\/a>DM Sans<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/DM-Sans.jpg\" class=\"attachment-full size-full\" alt=\"DM Sans\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/DM-Sans.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/DM-Sans-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/DM-Sans-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/DM-Sans-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]A lot of the fonts you can find in the Google Fonts repository were actually commissioned by Google itself, as was the case with <a href=\"https:\/\/fonts.google.com\/specimen\/DM+Sans\" target=\"_blank\" rel=\"noopener\">DM Sans<\/a>. Commissioned from the Colophon Foundry and designed by Jonny Pinhorn, with creative direction from DeepMind and MultiAdaptor, the font was released in 2019 and was derived particularly from Pinhorn\u2019s Poppins typeface. <strong>DM Sans is a low-contrast, geometric sans-serif, the kind that Google really likes<\/strong>, and is generally intended for smaller text sizes. DM Sans pairs well with DM Mono, which is a related font, and also with Baskerville, Roboto and Noe. It comes in a number of styles &#8211; regular, medium and bold, with italics to match. It supports a Latin Extended set, which means it is suitable for English and most other Western languages.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]DM Sans is definitely one of our all-time favorites that we used for a number of themes, such as <a href=\"https:\/\/zermatt.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Zermatt<\/a>, where it clicked well with the combination of brutalist and Swiss design hints. We also used DM Sans on our <a href=\"https:\/\/qodeinteractive.com\/magazine\/sites-made-with-stockholm-theme\/\">multi-concept theme<\/a> <a href=\"https:\/\/stockholmlanding.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Stockholm<\/a>, and, most recently, for the <a href=\"https:\/\/qodeinteractive.com\/qi-theme\/\" target=\"_blank\" rel=\"noopener\">Qi Theme<\/a>, our first-ever free WordPress theme. DM Sans was our choice for our <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\" target=\"_blank\" rel=\"noopener\">Qi Addons for Elementor plugin<\/a>, as well. Our choice was dictated by the fact it is <strong>a clean, very legible font with a distinctly modern character, perhaps more so than some other high-quality fonts in wide use on the web.<\/strong> With a lot of design shifting towards the accessibility standards with larger fonts, the DM Sans typeface, simple, low-contrast and wide as it is, fits those standards particularly well.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"caudex\"><\/a>Caudex<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Caudex-1.jpg\" class=\"attachment-full size-full\" alt=\"Caudex\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Caudex-1.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Caudex-1-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Caudex-1-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Caudex-1-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Originally made in the late 1990\u2019s, <a href=\"https:\/\/fonts.google.com\/specimen\/Caudex\" target=\"_blank\" rel=\"noopener\">Caudex<\/a> is a serif font that was later adapted for the web using FontForge. Originally created using the ISO 8859-1 standard and following the Medieval Unicode Font Initiative 3.0 recommendations, Caudex was developed with the purpose of printing old handwritten text. In fact, its style represents a contemporary take on the lettering from Medieval scripts, and its personality is <strong>a combination of modern functionality and classical ornamentation<\/strong>. It comes in two weights &#8211; regular and bold, and matching italics. In addition to Latin glyphs, it also includes Greek letters. Caudex is a typeface that works well with many other fonts, both serif and sans. For instance, for our <a href=\"https:\/\/gaspard.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Gaspard theme<\/a>, we used it for text and titles and combined it with Italiana for the large hero typography and with Catamaran for navigation links, creating an elegant, balanced mix.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"cinzel-decorative\"><\/a>Cinzel Decorative<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Cinzel-Decorative.jpg\" class=\"attachment-full size-full\" alt=\"Cinzel Decorative\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Cinzel-Decorative.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Cinzel-Decorative-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Cinzel-Decorative-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Cinzel-Decorative-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Part of a very popular Cinzel web font family, <a href=\"https:\/\/fonts.google.com\/specimen\/Cinzel+Decorative\" target=\"_blank\" rel=\"noopener\">Cinzel Decorative<\/a> makes a great choice for designs that want to communicate a sense of elegance and class. Created by Natanael Gama, this all-caps font follows the classical proportions and is characterized by<strong> elegant flourishes and extended strokes that give it a calligraphic appearance<\/strong>. The font family was based on early Roman inscriptions but in a distinctly modern interpretation. Because of its classical character, Cinzel Decorative is a lovely font for designs related to literature, art and culture. It comes in several styles, including extra bold and black for a particularly striking effect. A more toned down member of this font family is <a href=\"https:\/\/fonts.google.com\/specimen\/Cinzel\" target=\"_blank\" rel=\"noopener\">Cinzel<\/a>, with the same classic proportions and style but without the swashes. Because of its elegant character, Cinzel was the perfect choice for titles in our <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/belletrist-blog-theme-for-writers\/\" target=\"_blank\" rel=\"noopener\">Belletrist theme<\/a> created for writers, publishers and libraries, where we paired it with the equally sophisticated Cormorant Garamond for paragraphs and Open Sans for navigation links.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"viaoda-libre\"><\/a>Viaoda Libre<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"546\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Viaoda-Libre.jpg\" class=\"attachment-full size-full\" alt=\"Viaoda Libre\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Viaoda-Libre.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Viaoda-Libre-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Viaoda-Libre-768x433.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Viaoda-Libre-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Inspired by Vietnamese cultural heritage, symbolism and script, <a href=\"https:\/\/fonts.google.com\/specimen\/Viaoda+Libre\" target=\"_blank\" rel=\"noopener\">Viaoda Libre<\/a> is a display family that combines tradition with modernity, bringing a delightful twist to elegant serif typography. Created by the Germany-based Vietnamese designer Gydient (Tra Giang Nguyen) with the help of Vietanh Nguyen, Viaoda Libre is intended for personal and commercial use and works equally well for titles and for smaller text. The name \u201cViaoda\u201d is a combination of \u201cVietnamese\u201d and \u201cAo Dai,\u201d the term used for the traditional garment worn by both women and men. <strong>The strokes of the font evoke the soft, smooth lines of Ao Dai and their overall character is slender and refined.<\/strong> This inspiration is also visible in the highly distinctive ligatures between characters, such as \u201cst\u201d and \u201cft,\u201d rendering the font so striking and recognizable. Being a relatively new font family, Viaoda Libre is being further developed and the designer hopes it will add new and significant value to Vietnamese culture around the globe.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Words<\/h2>\n<p>[\/vc_column_text][vc_column_text]This is by no means an exhaustive list of our favorite Google fonts right now. In fact, our designers had a hard time narrowing down their choice, since there are so many incredibly well-crafted typefaces and font families in the Google repository, each bearing their own distinctive character and practical implications. The choice of the font for a design, as always, depends on a multitude of factors &#8211; its purpose, intended use and aesthetic character being just some of the most important ones. When picking a font, it\u2019s also important to be able to see it in action, which is where resources like <a href=\"https:\/\/fontsinuse.com\/\" target=\"_blank\" rel=\"noopener\">Fonts in Use<\/a> can be of help, especially for more idiosyncratic types. We hope that our list inspired you to take a deeper dive into the Google Fonts repository, past the usual Open Sans, Roboto and Oswald. A wealth of wonderful, functional, superbly designed fonts await you and your next project. Make sure you give us a shout with your typographic discovery and let us know what your own favorites are.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Google Fonts repository is an enormous base of free web-ready fonts. But how to know which font to choose for your next project? The Qode Interactive design team shares their favorites for the coming year, along with the examples of the fonts in action.  <\/p>\n","protected":false},"author":3,"featured_media":32332,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43],"class_list":["post-32205","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/32205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=32205"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/32205\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/32332"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=32205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=32205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=32205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}