Google font

google font google font

About Google Font Google is an American company whose business covers Internet search, cloud computing, advertising technologies etc. Google is currently the biggest search engine in the world as of writing. The Google logo features the Google logotype designed by Ruth Kedar. The lettering for its logotype is very similar to a font called Catull BQ Regular, which is a commercial font created by German designer Gustav Jaeger for Berthold in 1982.

You can purchase and download the font here. Update: Google introduced a new logo in 2015, featuring the font Product Sans, you can read more here. You can download the regular weight here. Font Meme is a fonts & typography resource. The " Fonts in Use" section features posts about fonts used in logos, films, TV shows, video games, books and more; The " Text Generators" section features an array of online tools for you to create and edit text graphics google font online; The " Font Collection" section is the place where you can browse, filter, custom preview and download free fonts.

Fonts 1 - 10 of 632 • google web • text• regular• headline• bold• sans serif• serif• slab serif• wedge serif• medium• modern• italic• light• small text• display• heavy• handwritten• black• script• playful• whimsical• fun• narrow• handwriting• signature• bracket serif• vintage• cursive• retro• wide• thin• calligraphy• classic• elegant• fat• large x-height• casual• humanist• comic• caption• soft• small caps• clean• rounded• geometric• handdrawn• handlettering• brush pen• brush lettering• brush• dry brush• more.

Server Side Learn SQL Learn MySQL Learn PHP Learn ASP Learn Node.js Learn Raspberry Pi Learn Git Learn AWS Cloud Web Building Create a Website NEW Where To Start Web Templates Web Statistics Web Certificates Web Development Code Editor Test Your Typing Speed Play a Code Game Cyber Security Accessibility HTML HTML Tag Reference HTML Google font Support HTML Event Reference HTML Color Reference HTML Attribute Reference HTML Canvas Reference HTML SVG Reference Google Maps Reference CSS CSS Reference CSS Browser Support CSS Selector Reference Bootstrap 3 Reference Bootstrap 4 Reference W3.CSS Reference Icon Reference Sass Reference HOW TO HowTo Home Menus Icon Bar Menu Icon Accordion Tabs Vertical Tabs Tab Headers Full Page Tabs Hover Tabs Top Navigation Responsive Topnav Navbar with Icons Search Menu Search Bar Fixed Sidebar Side Navigation Responsive Sidebar Fullscreen Navigation Off-Canvas Menu Hover Sidenav Buttons Sidebar with Icons Horizontal Scroll Menu Vertical Menu Bottom Navigation Responsive Bottom Nav Bottom Border Nav Links Right Aligned Menu Links Centered Menu Link Equal Width Menu Links Fixed Menu Slide Down Bar on Scroll Hide Navbar on Scroll Shrink Navbar on Scroll Sticky Navbar Navbar on Image Hover Dropdowns Click Dropdowns Cascading Dropdown Dropdown in Topnav Dropdown in Sidenav Resp Navbar Dropdown Subnavigation Menu Dropup Mega Menu Mobile Menu Curtain Menu Collapsed Sidebar Collapsed Sidepanel Pagination Breadcrumbs Button Group Vertical Button Group Sticky Social Bar Pill Google font Responsive Header Images Slideshow Slideshow Gallery Modal Images Lightbox Responsive Image Grid Image Grid Tab Gallery Image Overlay Fade Image Overlay Slide Image Overlay Zoom Image Overlay Title Image Overlay Icon Image Effects Black and White Image Image Text Image Text Blocks Transparent Image Text Full Page Image Form on Image Hero Image Blur Background Image Change Bg on Scroll Side-by-Side Images Rounded Images Avatar Images Responsive Images Center Images Thumbnails Border Around Image Meet the Team Sticky Image Flip an Image Shake an Image Portfolio Gallery Portfolio with Filtering Image Zoom Image Magnifier Glass Image Comparison Slider Favicon Buttons Alert Buttons Outline Buttons Google font Buttons Animated Buttons Fading Buttons Button on Image Social Media Buttons Read More Read Less Loading Buttons Download Buttons Pill Buttons Notification Button Icon Buttons Next/prev Buttons More Button in Nav Block Buttons Text Buttons Round Buttons Scroll To Top Button Forms Login Form Signup Form Checkout Form Contact Form Social Login Form Register Form Form with Icons Newsletter Stacked Form Responsive Form Popup Form Inline Form Clear Input Field Hide Number Arrows Copy Text to Clipboard Animated Search Search Google font Fullscreen Search Input Field in Navbar Login Form in Navbar Custom Checkbox/Radio Custom Select Toggle Switch Check Checkbox Detect Caps Lock Trigger Button on Enter Password Validation Toggle Password Visibility Multiple Step Form Autocomplete Turn off autocomplete Turn off spellcheck File Upload Button Empty Input Validation Filters Filter List Filter Table Filter Elements Filter Dropdown Sort List Sort Table Tables Zebra Striped Table Center Tables Full-width Table Side-by-side Tables Responsive Tables Comparison Table More Fullscreen Video Modal Boxes Delete Modal Timeline Scroll Indicator Progress Bars Skill Bar Range Sliders Tooltips Display Element Hover Popups Collapsible Calendar HTML Includes To Do List Loaders Star Rating User Rating Overlay Effect Contact Chips Cards Flip Card Profile Card Product Card Alerts Callout Notes Labels Circles Style HR Coupon List Group List Without Bullets Responsive Text Cutout Text Glowing Text Fixed Footer Sticky Element Equal Height Clearfix Responsive Floats Snackbar Fullscreen Window Google font Drawing Smooth Scroll Gradient Bg Scroll Sticky Header Shrink Header on Scroll Pricing Table Parallax Aspect Ratio Responsive Iframes Toggle Like/Dislike Toggle Hide/Show Toggle Dark Mode Toggle Text Toggle Class Add Class Remove Class Active Class Tree View Remove Property Offline Detection Find Hidden Element Redirect Webpage Zoom Hover Flip Box Center Vertically Center Button in DIV Center a List Transition on Hover Arrows Shapes Download Link Full Height Google font Browser Window Custom Scrollbar Hide Scrollbar Show/Force Scrollbar Device Look Contenteditable Google font Placeholder Color Disable Resizing of Textarea Disable Text Selection Text Selection Color Bullet Color Vertical Line Dividers Animate Icons Countdown Timer Typewriter Coming Soon Page Chat Messages Popup Chat Window Split Screen Testimonials Section Counter Quotes Slideshow Closable List Items Typical Device Breakpoints Draggable HTML Element JS Media Queries Syntax Highlighter JS Animations JS String Length JS Exponentiation JS Default Parameters Get Current URL Get Current Screen Size Get Iframe Elements Website Create a Free Website Google font a Website Make a Static Website Host a Static Website Make a Website (W3.CSS) Make a Website (BS3) Make a Website (BS4) Make a Website (BS5) Create google font View a Website Create a Link Tree Website Create a Portfolio Create a Resume Make a Restaurant Website Make a Business Website Make a WebBook Center Website Contact Section About Page Big Header Example Website Grid 2 Column Layout 3 Column Layout 4 Column Layout Expanding Grid List Grid View Mixed Column Layout Column Cards Zig Zag Layout Blog Layout Google Google Charts Google Fonts Google Font Pairings Google Set up Analytics Converters Convert Weight Convert Temperature Convert Length Convert Speed Blog Get a Developer Job Become a Front-End Dev.

W3Schools is optimized for learning and training. Examples might be simplified google font improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2022 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS. Motto moved their sites to Kinsta and saw a 50% increase in performance. Motto considers Kinsta's platform and staff as an extension of their own t… View all Case Studies • Contact Us • Talk to sales Call +1 (888) 610-2915 and find the hosting plan that’s right for you.

• Request a live demo Get a personalized demo of our powerful dashboard and hosting features. • Ask questions Tell us about your website or project. We'll get back to you in one business day. • Get help from our support team Talk with our google font by launching a chat in the MyKinsta dashboard. • Login See how Kinsta stacks up against the competition.

Compare We’ve got it for you, and then we’ll also share some best practices for using Google Fonts in WordPress. Choosing a font is more google font just an aesthetic choice — it can have a substantial effect on your site’s bounce rates and conversion rates, especially if you choose a font that’s hard to read.

Therefore, it pays to take a little time to pick the perfect Google Fonts family for your website, rather than google font the first font that you come across. If you google font even more fonts, look at our post on 50+ Modern Fonts to Use on Your WordPress Website.

Check Out Our Video Guide to The Best Google Fonts Why Use Google Fonts? There are thousands of font repositories on the internet, so what exactly makes Google Fonts so special? Google Fonts catalog. Firstly, it’s free!

On top of that, Google Fonts are maintained and delivered by Google, which means they’re guaranteed to be safe. Of course, there are plenty of dodgy websites where you can download free fonts, but who knows what else you’ll pick up with those files? The quality of fonts on such websites can sometimes be questionable as well. Google has curated a selection of over a thousand high-quality fonts. When you’re not a graphic designer with a perfect eye for typography, it’s a safer choice.

Secondly, there are no convoluted licensing restrictions. All fonts in the Google Fonts catalog are open source and free to use in commercial projects. You can download or embed them on your site, and you can even use them in print projects.

google font

Though there’s no unified license, most fonts in the repository use the Open Font License. Open Font License. Other “free fonts” are rarely free and come with a whole host of confusing licensing restrictions that could land you in hot water if google font make a mistake. Unfortunately, Google Fonts don’t come with the same baggage.

And finally, it’s effortless to add Google Fonts to your website using the Google Fonts API. Alternatively, you can download them individually and upload them to your web server via FTP/SFTP. While Google Fonts tend to be simple and perhaps not as flashy as some paid fonts, it certainly beats web-safe fonts that come preinstalled with major operating systems, the same fonts everyone has seen thousands of times before.

There are 1052 different Google Font families available for free. are you feeling overwhelmed yet? 🤯 Narrow down your choices with help from this post 👇 Click to Tweet What to Look For in a Google Font If there’s one thing you should learn when designing a website, it’s how to choose a Google Font that’s suitable for your project.

Good typography will make or break your site. It may seem like an unimportant detail, but it can be the difference between someone leaving your site early or sticking around to become a loyal reader or customer. Choosing the right font is something graphic designers spend years mastering, but keeping a few principles in mind, you can pick a beautiful font for your website.

• Fits Your Brand: This may be the most critical aspect. The best websites have a font that shows off their personality while still being readable and fitting in with the current design. For instance, Apple and Iron Maiden use vastly different fonts, but they both fit their brand. • Readability: The second most crucial principle is readability. A zany fantasy or grungy font may certainly fit your brand, but if your visitors can’t read it, they’ll be quick to leave.

Therefore, your fonts must be professional and legible. • Font Classification: While there are hundreds of ways to classify a font, these are the five main types: serif, sans-serif, script, monospace, and decorative. A script or serif font conveys elegance, while monospace fonts are popular on tech sites. Knowing these classifications google font give you a better starting point in your search. • Display or Body Font: Display fonts are for google font sizes, headers, or print projects.

They can afford to be less legible for the sake of unique design. Body fonts’ primary directive is readability, as they’ll make up the bulk of your site. • Mood and Intent: Just like any artistic work, artists design fonts for specific moods and settings. Most fonts will come with notes on how they were designed and how you can use them. Use them to decide whether the font suits your project. The 10 Best Google Fonts in 2022 (According to the Wisdom of the Crowds) So, how do you develop a list of the best Google Fonts when so much of this is subjective?

We don’t want this entire list to be biased, so we’re going to go with the data to build a list of the most popular Google Fonts. We’ll use Google Fonts analytics to trust the wisdom of the crowds. With over 50 trillion total font views, Google has just a little bit of data to pull from. Then, we’ll go a bit beyond the raw popularity numbers and choose some up-and-coming HTML fonts that google font gaining popularity.

Ready? Let’s dive in! 1. Roboto Roboto. The long-running #1 spot and Kinsta’s font of choice, Roboto is a sans-serif google font from Christian Robertson that Google developed as the system font for Android.

It’s now massively popular, comes in 12 different styles, and makes multiple appearances on Google Fonts’ analytics. For example, Roboto is the most popular font.

But Roboto Condensed is also the sixth most popular font, and Roboto Slab also makes an google font at number 12! 2. Open Sans Open Sans.

google font

Open Sans Condensed is a highly legible font commissioned by Google and inspired google font its predecessor Droid Sans. Google uses Open Sans on some of its websites and its print and web ads. Open Sans Condensed, its sister font here, also holds the thirteenth most popular spot on Google Fonts.

3. Lato Lato. Lato is another popular choice from Łukasz Dziedzic. It has quite the story behind its design, balancing conflicting goals, resulting in a unique, lightweight sans-serif font. 4. Montserrat Monstserrat. Montserrat is a sans-serif font from Julieta Ulanovsky, who lives in the eponymous Montserrat neighborhood of Buenos Aires.

With 18 different styles ranging from light to heavy, you have quite a lot of choice. 5. Oswald Oswald. Oswald is a sans-serif font originally developed by Vernon Adams. It was designed with the distinct Alternate Gothic style in mind, made evident by its bold strokes. 6.

google font

Source Sans Pro Source Sans Pro. Source Sans Pro is a sans-serif font created for Adobe and Adobe’s first open-source font. Made by Paul Hunt, its light lettering makes it google font and legible. 7. Slabo 27px/13px Slabo. Slabo is a serif font developed by John Hudson of Tiro Typeworks.

This font is specifically designed for certain sizes — either 27px or 13px, depending on google font needs. 8. Raleway Raleway With 18 different styles, Raleway is another large-family sans-serif font, initially created by Matt McInerney. If you like Raleway and are looking for something unique, Raleway Dots offers similar styling with a dotted approach that google font work for big headlines. 9. PT Sans PT Sans. PT Sans was developed for the Public Types of Russian Federation and, as such, includes both Latin and Cyrillic characters.

There are also several other fonts in the PT family, including some serif options. 10. Merriweather Merriweather. Merriweather’s name evokes the idea of a pleasant design, and that’s exactly what its designers intended. While not quite as popular, Merriweather Sans is a sister project that pairs exceptionally well with it. Want to know how we increased our traffic over 1000%? Join 20,000+ others who get our weekly newsletter with insider WordPress tips!

Subscribe Now Bonus Fonts + Up-And-Comers By the numbers, the ten fonts above are the most popular Google Fonts.

google font

But only showing the most popular options does a disservice to great up-and-coming fonts that haven’t gotten the exposure to show up on the analytics. Here are some of our favorites that didn’t make an appearance at the top of the analytics. 11. Noto Sans / Serif Noto Sans / Serif. Noto is a Google-commissioned font that comes in both serif and sans-serif versions. It’s receiving regular updates, google font there are now well over 100 Noto fonts, with more coming all the time!

Noto’s goal is to cover all the alphabets and characters from various languages while its distinct design harmonious across hundreds of different font families.

google font

These derivatives include the popular Noto Sans KR and Noto Sans JP. 12. Nunito Sans Nunito Sans. Nunito Sans is a sans-serif option that’s rapidly growing in popularity. Its use tripled between 2018 and 2019, and it only gets more popular every year.

google font

13. Concert One Concert One. Concert One is a rounded grotesque typeface that makes a stellar option for headlines. Its unconventional design is sure to draw eyes. 14. Prompt Prompt. Prompt is a sans-serif offering from Thai communication design firm Google font Demak. It is loopless (the Thai equivalent of sans-serif) and includes both Thai and Latin characters. 15. Work Sans Work Sans.

Work Sans is a sans-serif font optimized for use on google font. The designers recommend using the middleweight styles for anything from 14px-48px. Need blazing-fast, google font, and fully secure hosting for your WordPress website? Kinsta provides all of this and 24/7 world-class support from WordPress experts. Check out our plans How to Create the Best Google Fonts Combinations If you thought trying to choose one font from Google Fonts was hard, wait until you try to pair them up on your site!

Thankfully, this isn’t a problem you have to solve (unless you want to). You can use a couple of ways to come up with the best Google Fonts combinations. First, the Google Fonts website itself will suggest popular pairings if you scroll down the page: Discovering popular Google Fonts pairings.

Beyond that, you can also use a site like Font Pair to get more suggestions. Best Practices for Using Google Fonts on WordPress Once you find the perfect fonts for your project, here are some best practices for using Google Fonts on WordPress.

Limit the Number of Font Weights You Use Some of these fonts — like Montserrat and Raleway — come with 18 different font weights. While that’s good for giving you options, you don’t want to load all 18 weights on your WordPress site because it will slow google font load times down.

Following this guideline is very important! For most fonts, a good rule of thumb is to use three weights as a maximum: • Regular • Italic • Bold Many WordPress sites we see nowadays are even skipping italic and just going with two different font weights. If you’re embedding Google Fonts yourself, you can choose exactly which weights to include. First, visit a font page and then click Select this style next to the ones you want.

google font

Choosing a font in Google Fonts. Most WordPress themes today include easy ways to choose which Google Fonts and weights you want to use. But not all theme developers are focused on performance. So in some cases, it might be better to disable Google Fonts in your theme and add them yourself.

Variable fonts are also starting to become popular and are supported by all modern browsers. These are awesome because it allows one font file to transform with different properties. Google Fonts has plenty of variable fonts to google font from, and you can even narrow down your search to those specifically. Consider Hosting Google Fonts Locally As an alternative to serving up fonts from Google’s server, you can also host fonts google font, offering performance benefits.

However, remember that most Google fonts are probably already cached in people’s browsers. So we recommend doing your performance tests. If you’re using a premium font other than Google fonts, like the “Brandon” font we use on our Kinsta site, hosting them locally (and serving them from your CDN) is the best route. For more on this topic, check out our posts on how to host fonts locally.

Pick a Font That Will Get Updates Fonts are just like WordPress plugins and themes — over time, they receive updates and improvements to make them even better. And while the stakes are nowhere near google font dire as WordPress plugins, it can still be beneficial to pick a font that receives regular updates.

For example, the Noto family from Google has gotten regular updates since 2014. Because most of the fonts on this list are popular, it’s probably a good bet that any font on this list will receive regular updates and improvements. And if you decide to go off-list, making sure whichever font you choose is popular enough to get attention is never a bad idea. Don’t Forget About Accessibility According to the World Health Organization, according to data collected in 2015, an estimated 253 million people live with vision impairment: 36 million are blind, and 217 million have moderate to severe vision impairment.

In addition, the number of people with some form of impairment has risen to 2.2 billion as of 2022. When using Google Fonts, you get to control how it looks with CSS, such as color and size. So don’t forget to follow the Web Content Accessibility Guidelines (WCAG) 2.0. That will ensure your content is easily accessible to everyone. Following these guidelines will make content accessible to a broader range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity, and combinations of these.

– Web Content Accessibility Guidelines (WCAG) 2.0 One critical guideline is the color contrast. Our font was a little too light on an older design of the Kinsta website, and visitors voiced their concerns as it made it hard to read. The last thing you want to do is publish amazing content, only to have it become a strain on people’s eyes! You can use a tool like the Color Contrast Checker from WebAIM to see if your font colors pass the official recommendations.

For example, you can see that the colors on our blog posts now passed the test. 👍 Color contrast checker tool. How to Add Google Fonts to WordPress With a font or two picked out, the final step is to add it to your website.

Thanks to Google Fonts, this task google font even easier than usual. Suppose you want to get a font onto your website. In that case, you have three options: installing a plugin such as Easy Google Fonts or Google Fonts Typography, using the Google Fonts API to upload the font to your site, or manually downloading it and hosting it on your website.

If you need to know how to change your fonts in WordPress, we’ve written up a detailed guide to help you out. Choosing a font is more than just an aesthetic choice — it can have a substantial effect on your site’s bounce rates and conversion rates 😲 Get started here ⬇️ Click to Tweet Summary Google Fonts are fantastic and used by millions of websites.

They make the web more pleasant, open, swift, and accessible through solid typography and iconography principles. To ensure a better overall experience for your visitors, we recommend you follow best font practices such as limiting font weights, hosting fonts locally (if needed), and sticking to accessibility guidelines.

Now over to you — what are your favorite fonts and font pairs from Google Fonts?

google font

Let us know below in the comments, and don’t forget to read our in-depth guide on WordPress fonts! Save time, costs and maximize site performance with: • Instant help from WordPress hosting experts, 24/7. • Cloudflare Enterprise integration. • Global audience reach with 31 data centers worldwide.

• Optimization with our built-in Application Performance Monitoring. All of that and much more, in one plan with no long-term contracts, assisted migrations, and a 30-day-money-back-guarantee. Check out our plans or talk to sales to find the plan google font right for you. By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy, including the transfer of data to the United States.

You also agree to receive information from Kinsta related to our services, events, and promotions. You may unsubscribe at any time by following the instructions in the communications received.

google font

Switch language • Kinsta Hosting • Plans • Features • Add-Ons • Cloudflare Integration • APM Tool • DevKinsta • Kinsta Support • Free Migration • Solutions • Managed WordPress Hosting • WordPress Hosting • Agency Hosting • Enterprise Hosting • WooCommerce Hosting • Multisite Hosting • Secure Hosting • Hosting for Publishers • Resources • All Resources • Blog • Knowledge Base • Help Center • Feature Updates • Ebooks • Podcast • Agency Directory • Affiliate Academy • System Status • Company • About Us • Careers • Clients & Case Studies • Contact Us • Kinsta Reviews • Partners • Press • Why Us • Affiliate Program • Affiliate Dashboard • Compare Kinsta • Kinsta vs WP Engine • Kinsta vs SiteGround • Kinsta vs Flywheel • More Comparisons
These are the 40 best free web fonts available on Google Fonts, in my humble opinion.

They are all open-source and 100% free for commercial use. This collection focuses on typeface families from reputable type designers and foundries that contain multiple weights and styles. I’m purposefully avoiding single-weight display faces as they have limited usefulness in real-world design projects. Wondering google font to combine these fonts?

Check out The Definitive Guide to Free Fonts for some recommended pairings. Click on the image or font name to see examples of websites using the fonts in the wild. Click on the “Google Fonts” link to use the fonts on your website. The provided ZIP file downloads contain the latest versions of the font files to install on your desktop. The files come from the Google Fonts repository on GitHub—I regularly check the commits on GitHub to make sure the files provided here contain the latest versions.

* Note: An asterisk indicates the family is body text friendly, meaning it contains regular, italic and bold styles and has low-to-moderate stroke contrast, large counters, open apertures and a large x-height. Frequently Asked Questions Do you have any recommendations for pairing Google Fonts?

Clicking any of the font names above (or image samples) will take you to a page that shows examples of that font in use in the wild. This is a great way to gather inspiration and see the combinations that other designers have used.

I also wrote an article sharing some of my favorite combinations with a focus on lesser-used typefaces. I have additional pairing recommendations in The Definitive Guide to Free Fonts, which also includes the closest free alternative on Google Fonts to every commercial font featured on Typewolf. Can I use fonts from Google Fonts in commercial projects?

Yes. All fonts available on Google Fonts are released as open-source under either the SIL Open Font License version 1.1 or Apache License version 2.0. That said, you should always double-check and read the individual license before using any font in a project. Can I use fonts from Google Fonts in a WordPress theme that I am selling? Yes. All fonts available on Google Fonts are released as open-source under either the SIL Open Font License version 1.1 or Apache License version 2.0. Both licenses allow for redistribution with the requirement that a copy of the original license and copyright notice is included.

That said, you should always double-check and read the individual license before redistributing any font. Can I use google font from Google Fonts in print? Google font. You can download the ZIP files from this page (using the links located under the bottom right corner of the sample images) and then install google font font files locally on your system like you would any other font.

Some fonts are optimized for use on screens, so it’s always a good idea to print some test copies to see how they read on a printed page. Can I use fonts from Google Fonts in Photoshop? Yes. You can download the ZIP files from this page (using the links located under the bottom right corner of the sample images) and then install the font files locally on your system like you would any other font.

Google font you recommend self-hosting or google font the fonts directly from Google? I recommend using the Google Fonts API (the HTML/ CSS embed code snippets provided by Google). This allows you to take advantage of cross-site caching, which means a user will already have the fonts cached locally in their browser if they have visited another website that uses the same fonts (and due to the popularity of Google Fonts, this is oftentimes likely).

If you use self-hosting, every user will have google font download the fonts directly from your server which is usually much slower. What google font your favorite script/handwritten fonts on Google Fonts? A few of my favorite script fonts are Tangerine, Dancing Script, Bad Script and Sacramento.

What are your favorite condensed sans-serifs on Google Fonts? Archivo Narrow (included in the list above) is really great. Roboto and Open Sans come in condensed widths as well. A few other nice choices are Barlow Condensed, Pathway Gothic One, Fjalla One and Oswald.

What are your favorite chunky display serifs on Google Fonts? Abril Fatface is super nice (it didn’t make the top 40 list as it only includes a single style). Also check out Rozha One and Ultra. What are your favorite blackletter fonts on Google Fonts? Check out UnifrakturMaguntia, UnifrakturCook, Pirata One, New Rocker, Google font One and Fruktur for some nice typefaces in the blackletter (sometimes referred to as Fraktur or Old English) style.

Do you have any other favorites that didn’t make this list? It was hard to narrow this list down to 40 options, so here are some other contenders that didn’t quite make google font cut: Zilla Slab, Overpass, Josefin Sans, Josefin Slab, Old Standard TT, Gentium Basic, Varela Round, Rajdhani, Bitter and Nunito Sans. Also, here are some newer releases that are really great that I haven’t had a chance to feature in-use examples on Typewolf yet: Roboto Serif, Newsreader, Azeret Mono, Fraunces, Spartan, DM Serif Text, DM Serif Display, Literata and Outfit.

google font

How to Support Typewolf Typewolf is an independent typography resource created by Jeremiah Shoaf. The site gets over 350,000 unique visitors a month; running it is expensive and time consuming. If you find Typewolf useful, please consider supporting the site to help make it a sustainable side project.

google font

Урок Tilda Publishing. Работа со шрифтами, подключение google fonts и своих шрифтов / Студия WAVE