未経験からおうちで稼げるWebデザインのはじめ方
ホームデータベース等幅(コード向け)

Lilex|等幅(コード向け)のGoogle Fonts

最終更新: 2026-09-07

Lilexとは

Lilexは、Google Fontsで無料配布されている等幅(コード向け)のフォントです。7種類の太さとイタリックがあり、英数字・記号向けなので、日本語サイトでは英字の見出しやロゴ、数字の表示に組み合わせて使います。

基本情報

フォント名Lilex
分類等幅(コード向け)
日本語非対応(英数字・記号向け)
太さ(ウェイト)100、200、300、400、500、600、700
イタリックあり
可変フォント対応(軸: wght)
対応文字セットcyrillic、cyrillic-ext、greek、latin、latin-ext、symbols2、vietnamese
デザイナーMike Abbink, Paul van der Laan, Pieter van Rosmalen, Mikhael Khrustik
Google Fonts追加日2025-12-08
最終更新2025-12-10
人気順位1770位(Google Fonts全体)
ライセンスオープンソース(商用利用可・無料)

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

無料で見てみる →

向いている場面

コード表示や数字の桁ぞろえに。ポートフォリオやテック系サイトの雰囲気づくりにも使えます。

使い方(HTMLとCSS)

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

<link href="https://fonts.googleapis.com/css2?family=Lilex:wght@100;700&display=swap" rel="stylesheet">

body { font-family: "Lilex", monospace; }

複数の太さを使うときは、使うものだけを読み込むと表示が速くなります。

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

等幅(コード向け)の他のフォント

Roboto Mono|等幅(コード向け)のGoogle Fonts
JetBrains Mono|等幅(コード向け)のGoogle Fonts
Inconsolata|等幅(コード向け)のGoogle Fonts
Source Code Pro|等幅(コード向け)のGoogle Fonts
IBM Plex Mono|等幅(コード向け)のGoogle Fonts

あわせて読みたい

社会人向けWebデザインスクール夜間講座の選び方
未経験の主婦がWebデザインスクールで在宅ワークを叶える5ステップ

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

詳しく見る →