Open the lab →
Display · Google Font

Rock 3D font pairings

Fonts that go with Rock 3D — live previews, pairing ideas and free embed code.

Display1 weightby Shibuya Font
Sphinx of black quartz, judge my vow
400The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Rock 3D is a free display typeface designed by Shibuya Font, added to Google Fonts in 2020.

It comes in 1 weight.

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

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

Fonts that pair well with Rock 3D

Built for the long run

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

HRock 3DBOpen Sansbold→

Rock 3D is a display face with strong personality — use it big and sparingly.

Make something people love

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

HRock 3DBIBM Plex Sansbold→

Rock 3D 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.

HRock 3DBMulishbold→

Rock 3D is a display face with strong personality — use it big and sparingly.

The future of small business

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

HRock 3DBFira Sansbold→

Rock 3D 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.

HRock 3DBRoboto Slabbold→

Rock 3D brings character to headlines, and Roboto Slab adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Stories worth reading slowly

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

HRock 3DBPlayfair Displaybold→

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

Try Rock 3D in the pairing tool →

How to use Rock 3D 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=Rock+3D:wght@400&display=swap" rel="stylesheet">
CSS
font-family: 'Rock 3D', sans-serif;

Similar fonts to Rock 3D

Kumar One OutlineDisplay · 1 weights
The quick brown fox jumps over the lazy dog
BahianitaDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Coral PixelsDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Kalnia GlazeDisplay · 7 weights
The quick brown fox jumps over the lazy dog
Rubik PixelsDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Rubik Broken FaxDisplay · 1 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Rock 3D free for commercial use?

Yes. Rock 3D 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 Rock 3D?

Good matches for Rock 3D include Open Sans, IBM Plex Sans, Mulish and Fira Sans. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Rock 3D a variable font?

No. Rock 3D is available as 1 static weight.

Who designed Rock 3D?

Rock 3D was designed by Shibuya Font.