Fira Code

等幅

Fira Code is a monospaced font with programming ligatures, extending the Fira Mono family.

サイズプレビュー

48px
const x = () => {}
36px
const x = () => {}
24px
const x = () => {}
16px
const x = () => {}
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*
Fira Code を今すぐSVGに変換

Fira Code をSVGに変換する方法

  1. Font to SVG を開き、Google Fonts のドロップダウンから「Fira Code」を選択します
  2. 入力欄にお好みのテキストを入力します
  3. 塗りの色、線、その他の設定を必要に応じてカスタマイズします
  4. SVG 出力をリアルタイムでプレビューします
  5. 「SVG をダウンロード」をクリックするか、SVG コードを直接コピーします

Fira Code について

Fira Code is a 等幅 typeface designed by Nikita Prokopov. Fira Code is a monospaced font with programming ligatures, extending the Fira Mono family.

When converted to SVG paths with Font to SVG, Fira Code produces clean vector outlines that can be used in web design, logo creation, and physical fabrication. The 等幅 style makes it particularly well-suited for developer portfolios, technical documentation, and code-themed designs.

Fira Code SVG の主な用途

  • 開発者ポートフォリオのヘッダーやコード風デザイン
  • 技術ドキュメントやターミナル風グラフィック
  • プログラミングブログのロゴやブランドコンテンツ
  • レトロ風デザイン要素やUIモックアップ

なぜ Fira Code をSVGに変換するのか？

  • 解像度非依存 — モバイルから4Kディスプレイまで、あらゆる画面サイズで鮮明に表示
  • フォントファイル不要 — フォントをインストールしなくてもSVGはどこでも動作
  • CSSで自由にスタイリング — 色の変更、グラデーション、フィルター、アニメーションの適用が可能
  • 軽量なファイルサイズ — テキストのベクターパスはラスター画像よりはるかに小さい
  • SEOに最適 — インラインSVGテキストはレンダリングをブロックするフォントリクエストなしでスタイリング可能
  • 加工にも対応 — レーザーカット、CNCルーティング、カッティング用にDXFとしてエクスポート可能

フォント詳細

Family Fira Code
Category 等幅
Designer Nikita Prokopov
License SIL Open Font License 1.1

Fira Code との人気の組み合わせ

以下のフォントは Fira Code と組み合わせることで、調和のとれたタイポグラフィデザインを作成できます。

Playfair Display

セリフ
The quick brown fox jumps over the lazy dog
Playfair Display →

Roboto

サンセリフ
The quick brown fox jumps over the lazy dog
Roboto →

Oswald

ディスプレイ
BOLD HEADLINES
Oswald →

Fira Code に関するよくある質問

Fira Code は無料で使えますか？
はい、Fira Code は SIL Open Font License 1.1 ライセンスの下で提供されており、個人利用・商用利用ともに無料でご使用いただけます。
Fira Code をSVGとしてダウンロードするには？
エディターで Fira Code を選択し、テキストを入力してスタイリングをカスタマイズした後、「SVG をダウンロード」をクリックするだけです。ベクターパスアウトラインを含むクリーンなSVGファイルが取得できます。
Fira Code のSVGをレーザーカットに使えますか？
もちろんです！当ツールで Fira Code をSVGまたはDXF形式に変換してください。ベクターパスはすべての主要なレーザーカットおよびCNCソフトウェアと互換性があります。
Fira Code のSVGをReactやVueで使えますか？
はい！当ツールはSVG出力からすぐに使えるReact JSXおよびVue SFCコンポーネントを生成します。プロジェクトにコピー＆ペーストするだけでご利用いただけます。
Fira Code を今すぐSVGに変換

関連フォント