未経験から、おうちではじめる
ホーム › データベース › 日本語対応

Rock 3D|ディスプレイ(見出し向け)のGoogle Fonts(日本語対応)

最終更新: 2026-09-07

Rock 3Dとは

Rock 3Dは、Google Fontsで無料配布されているディスプレイ(見出し向け)のフォントです。1種類の太さがあり、日本語の表示に対応しているので、日本語サイトの本文や見出しにそのまま使えます。

基本情報

フォント名Rock 3D
分類ディスプレイ(見出し向け)
日本語対応(日本語のWebサイトで使える)
太さ(ウェイト)400
イタリックなし
可変フォント—
対応文字セットjapanese、latin
デザイナーShibuya Font
Google Fonts追加日2020-12-14
最終更新2025-09-02
人気順位1804位(Google Fonts全体)
ライセンスオープンソース(商用利用可・無料)

おすすめのWEBデザインスクール7選を見る

スクール7選はこちら →

向いている場面

見出しやロゴ、キービジュアルの一言に。本文には使わず、大きく1〜2行で使うと映えます。

使い方(HTMLとCSS)

HTMLの<head>に1行入れて、CSSでフォント名を指定するだけです。

<link href="https://fonts.googleapis.com/css2?family=Rock+3D&display=swap" rel="stylesheet">

body { font-family: "Rock 3D", sans-serif; }

太さを絞って読み込むと表示が速くなります。日本語フォントはファイルが大きいので、使う太さだけにするのがコツです。

Google Fontsの公式ページで見本を見る →

日本語対応の他のフォント

Noto Sans JP|ゴシック体(サンセリフ)のGoogle Fonts(日本語対応)
Noto Serif JP|明朝体(セリフ)のGoogle Fonts(日本語対応)
M PLUS Rounded 1c|ゴシック体(サンセリフ)のGoogle Fonts(日本語対応)
M PLUS 1p|ゴシック体(サンセリフ)のGoogle Fonts(日本語対応)
Zen Kaku Gothic New|ゴシック体(サンセリフ)のGoogle Fonts(日本語対応)

あわせて読みたい

Webデザイナーとはどんな仕事?2026年版で解説
Webデザイナーとは?仕事内容と必要スキルを解説【2026】
Webデザインスクール選び方で失敗しない方法2026
Webデザイナーとは?簡単にわかりやすく仕事内容や収入を解説

おすすめのWEBデザインスクール7選を見る

スクール7選はこちら →