Slopographic

Slop Font · 無料、ブラウザーで

自分だけのフォントを無料でブラウザー上に作る

Slop Font は、Web ページで動くフォント エディターです。文字を 1 つ選び、基準線に合わせて描き、タイプテストで確認すると、どのパソコンにもインストールできるフォントをダウンロードできます。

フォントを作成

手順

  1. Slop Font を開き、左側のグリフ一覧で文字を 1 つ選びます(基本ラテン文字が最初に表示されます。ラテン 1 とラテン拡張 A は、その上の一覧にあります)。
  2. 描きます。曲線はペン(P)、四角形は長方形(R)と楕円(E)、一定の太さの文字はストローク(S)を使います。点はグリッドと、ベースライン、x 高さ、キャップ高さに吸着します。
  3. パネルで「幅」「左側の余白」「右側の余白」を設定します。重なった図形は、「パス ▾」の「結合」または「減算」でまとめられます。
  4. 「カーニング」表示で AV や To などの組み合わせの字間を詰めます。「タイプテスト」表示では、さまざまなサイズで文章を確認できます。
  5. 「書き出し」で形式を選び、「フォントをダウンロード」または「Slop Drive に保存…」をクリックします。

ファイルはこのデバイスに保存されたままです:Slop Font はブラウザーで動作し、アップロードもアカウントも透かしも必要ありません。

よくある質問

どの形式でダウンロードできますか?

Windows、macOS、Linux にインストールできる TrueType(.ttf)と OpenType(.otf)、Web サイト用の WOFF2 と WOFF です。コピーして使える CSS の @font-face ルールも表示されます。

あとで続けて編集できますか?

はい。フォントは訪問の間このブラウザーに保存されます。「プロジェクトを保存」を使うと、.sfont ファイルが Slop Drive に保存されます(または「プロジェクトをダウンロード」でファイルを入手できます)。あとで再び開けます。

å、ä、ö に対応していますか?

はい。グリッドには基本ラテン文字、ラテン 1(å ä ö é ñ ß)、ラテン拡張 A があります。グリッドの上の欄に任意の文字を入力すれば、追加もできます。

何かがアップロードされますか?

いいえ。フォントはブラウザーで描かれ、組み立てられ、保存されます。どこにも送信されません。

Slop Font でほかにできること

関連するアプリ

  • PhotoSlop
    公開中
    Photoshopを、ブラウザー向けに作り直しました。
  • SlopVector
    公開中
    Illustratorを、ブラウザー向けに作り直しました。
  • SlopIsolate
    ベータ
    端末上で動くAIで、背景を除去します。