Open the lab →
Display · Google Font

Vibes font pairings

Fonts that go with Vibes — live previews, pairing ideas and free embed code.

Display1 weightby AbdElmomen Kadhim (blueMix)
Sphinx of black quartz, judge my vow
400The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Vibes is a free display typeface designed by AbdElmomen Kadhim (blueMix), added to Google Fonts in 2019.

It comes in 1 weight.

It is the #1,547 most popular Latin font family on Google Fonts.

As a display face, Vibes works best at large sizes — headlines, logos, posters and hero sections — paired with a quieter font for body text.

Fonts that pair well with Vibes

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HVibesBRalewaybold→

Vibes is a display face with strong personality — use it big and sparingly.

Stories worth reading slowly

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HVibesBOpen Sansbold→

Vibes is a display face with strong personality — use it big and sparingly.

Good things take time

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HVibesBRoboto Condensedbold→

Vibes is a display face with strong personality — use it big and sparingly.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HVibesBArchivobold→

Vibes is a display face with strong personality — use it big and sparingly.

Notes from the studio

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HVibesBPlayfair Displaybold→

Vibes brings character to headlines, and Playfair Display adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Notes from the studio

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HVibesBEB Garamondbold→

Vibes brings character to headlines, and EB Garamond adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Try Vibes in the pairing tool →

How to use Vibes on your website

HTML — paste in <head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Vibes:wght@400&display=swap" rel="stylesheet">
CSS
font-family: 'Vibes', sans-serif;

Similar fonts to Vibes

Hanalei FillDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Rubik MicrobeDisplay · 1 weights
The quick brown fox jumps over the lazy dog
TrochutDisplay · 2 weights
The quick brown fox jumps over the lazy dog
Zen LoopDisplay · 1 weights
The quick brown fox jumps over the lazy dog
FlavorsDisplay · 1 weights
The quick brown fox jumps over the lazy dog
RevaliaDisplay · 1 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Vibes free for commercial use?

Yes. Vibes is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.

What fonts go well with Vibes?

Good matches for Vibes include Raleway, Open Sans, Roboto Condensed and Archivo. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Vibes a variable font?

No. Vibes is available as 1 static weight.

Who designed Vibes?

Vibes was designed by AbdElmomen Kadhim (blueMix).