矢印タイプの新しいフォントの更新(まれな)が必要ですか?
? Arrow Type Newsletterにサインアップしてください! ?
Instagramで@Arrowtypeをフォローしてください!
再帰的なWeb標本→で詳細をご覧ください

Recursive Sans&Monoは、より良いコードとUIのために構築された可変タイプファミリです。カジュアルなスクリプトの標識に触発されていますが、主にプログラミング環境とアプリケーションインターフェイスのニーズを満たすために設計されています。
プログラミングでは、「再帰」とは、関数がそれ自体を呼び出し、独自の出力を入力として使用して強力な結果をもたらすときです。再帰モノは、それ自体を構築するのに役立つツールとして使用されました。それは、タイプの生産作業を自動化し、標本画像を生成するためのPythonスクリプトの作成に使用され、HTML、CSS、およびJSでWebベースの証明とプロトタイプを作成するために使用されました。この積極的な使用法により、再帰的なモノは、一日中の仕事に深く役立つだけでなく、見るのが楽しいように作られました。
再帰的なサンズは、親モノからグリフを借りますが、快適な読みやすさのために多くの重要なグリフの幅を調整します。そのメトリックは非常に識別されています。すべてのスタイルは、すべてのスタイルでまったく同じ水平空間を占めています。この3軸変数フォントでは、テキストシフトやレイアウトリフローなしで、重量、スラント、および「式」(カジュアルから厳格な文字形式)の間の流体遷移が可能になります。これにより、UIでの新しいインタラクティブな可能性が可能になるだけでなく、ユニークな楽しいタイプセットエクスペリエンスにもなります。
Recursiveは、通貨と数学の多数の有用なシンボル(詳細については文字セットのメモを参照)を含む、変更されたGoogleフォントラテンの専門家キャラクターセットを使用して設計されています。
Abenaki, Afaan Oromo, Afar, Afrikaans, Albanian, Alsatian, Amis, Anuta, Aragonese, Aranese, Aromanian, Arrernte, Arvanitic (Latin), Asturian, Atayal, Aymara, Azerbaijani, Bashkir (Latin), Basque, Belarusian (Latin), Bemba, Bikol, Bislama, Bosnian, Breton, Cape Verdean Creole, Catalan, Cebuano, Chamorro, Chavacano, Chichewa, Chickasaw, Cimbrian, Cofán, Cornish, Corsican, Creek, Crimean Tatar (Latin), Croatian, Czech, Danish, Dawan, Delaware, Dholuo, Drehu, Dutch, English, Esperanto, Estonian, Faroese, Fijian, Filipino, Finnish, Folkspraak, French, Frisian, Friulian, Gagauz (Latin), Galician, Ganda, Genoese, German, Gikuyu, Gooniyandi, Greenlandic (Kalaallisut), Guadeloupean Creole, Gwich’in, Haitian Creole, Hän, Hawaiian, Hiligaynon, Hopi, Hotcąk (Latin), Hungarian, Icelandic, Ido, Igbo, Ilocano, Indonesian, Interglossa, Interlingua, Irish, Istro-Romanian, Italian, Jamaican, Javanese (Latin), Jèrriais, Kaingang, Kala Lagaw Ya, Kapampangan (Latin), Kaqchikel, Karakalpak (Latin), Karelian (Latin), Kashubian, Kikongo, Kinyarwanda, Kiribati, Kirundi, Klingon, Kurdish (Latin), Ladin, Latin, Latino sine Flexione, Latvian, Lithuanian, Lojban, Lombard, Low Saxon, Luxembourgish, Maasai, Makhuwa, Malay, Maltese, Manx, Māori, Marquesan, Megleno-Romanian, Meriam Mir, Mirandese, Mohawk, Moldovan, Montagnais, Montenegrin, Murrinh-Patha, Nagamese Creole, Nahuatl, Ndebele, Neapolitan, Ngiyambaa, Niuean, Noongar, Norwegian, Novial, Occidental, Occitan, Old Icelandic, Old Norse, Onĕipŏt, Oshiwambo, Ossetian (Latin), Palauan, Papiamento, Piedmontese, Polish, Portuguese, Potawatomi, Q’eqchi’, Quechua, Rarotongan, Romanian, Romansh, Rotokas, Sami (Inari Sami), Sami (Lule Sami), Sami (Northern Sami), Sami (Southern Sami), Samoan, Sango, Saramaccan, Sardinian, Scottish Gaelic, Serbian (Latin), Seri, Seychellois Creole, Shawnee, Shona, Sicilian, Silesian, Slovak, Slovenian, Slovio (Latin), Somali, Sorbian (Lower Sorbian), Sorbian (Upper Sorbian), Sotho (Northern), Sotho (Southern), Spanish, Sranan, Sundanese (Latin), Swahili, Swazi, Swedish, Tagalog, Tahitian, Tetum, Tok Pisin, Tokelauan, Tongan, Tshiluba, Tsonga, Tswana, Tumbuka, Turkish, Turkmen (Latin), Tuvaluan, Tzotzil, Uzbek (Latin), Venetian, Vepsian, Vietnamese, Volapük, Võro, Wallisian, Walloon, Waray-Waray, Warlpiri, Wayuu, Welsh, Wik-Mungkan, Wiradjuri, Wolof, Xavante, Xhosa, Yapese, Yindjibarndi, Zapotec, Zarma, Zazaki, Zulu, Zuni
フォントの使用を検討している場合、フォントライセンスは最初に探す必要があるものの1つです。フォントの使用にどのように同意するかが概説されており、フォントのライセンスは、異なるタイプのプロジェクトとタイプファウンドリーの間で異なります。
再帰プロジェクトは、SILオープンフォントライセンスv1.1の下でライセンスされています。これは、一連の条件下でフォントソフトウェアを使用できるフリーソフトウェアライセンスです。権限、条件、免責事項の詳細については、ライセンスの全文を参照してください。
簡単な方法:フォントブックでフォントファイルを開き、[フォントのインストール]をクリックします。
いい方法:
<yourusername>/Library/Fontsに移動しますTTFファイルをダブルクリックして、[インストール]を選択します。
多くの静的フォントファイルをインストールするには(これらはMicrosoft WordやPowerPointなどのアプリでより適切に動作する場合があります):
static_fontsフォルダーに移動し、monoまたはsans static_otfフォルダーに移動します。これは大きなトピックですが、いくつかの良いガイドはMDNとCSS-Tricksからです。
一般に、フォントに@font-faceでリンクする必要があります。 font-weight: 300 1000;フォントの重量範囲を指定するには:
@font-face {
font-family: 'Recursive';
src: url('path/to/font/<UPDATE_SPECIFIC_FONT_PATH>.woff2') format('woff2-variations');
font-weight: 300 1000;
}
次に、 font-weightとfont-variation-settings両方でフォントを使用できます!
注:
MONOとCASLは「未登録の」軸(現在、Microsoftのバリエーション軸と仕様の公式リストにはない)であるため、これらのタグはすべてのキャップで使用し、 font-variation-settingsを介して制御する必要があります。font-styleを使用してslntおよびCRSV軸を制御することもできますが、これらにはいくつかのブラウザーサポートの問題があります(2019年10月の時点では、ツールは急速に進化してfont-variation-settingsをよりよくサポートするため、これは時間の経過とともに改善されます!)font-variation-settingsをより簡単に制御できます。PixelAmbachtの素晴らしいチュートリアルでこの手法の詳細をご覧ください。 コードエディターで再帰的な使用方法は2つあります。
Rec Monoフォント(リリースダウンロードの「recursive_code」フォルダーにある)をインストールします。これらには、コードの結晶といくつかのスタイルのセットが事前に適用されるため、ほとんどのコード環境とアプリでデフォルトで動作します。これらは、イタリックと大胆なスタイルを利用するコードテーマでの使用を可能にする方法で名前および構成されています。 Rec Monoフォント(点線0またはシングルストーリーgなど)で特定の機能を構成する場合は、再帰コード設定を参照してください。
これらのフォントは、上記の「コード」フォントよりも伝統的な方法で構築されているため、一部のコンテキストではわずかに優れている場合があります。ただし、長所と短所があります。コード字字層は、「コード」フォントでは、多くのモノスペースのみのアプリでよりよく機能します。 Macos 11の前のMacでは、これらは斜体スタイルのテーマでは機能しません。上記の「コード」フォントについては、上記を参照してください。そして、「コード」フォントは、必要に応じて、もう少しカスタマイズを可能にします!
標準のデッキトップフォントを使用するには、デスクトップRecursive Monoフォント(リリースダウンロードの「recursive_desktop」フォルダーにあります)をインストールします。次に、コードエディターがこれを許可する場合、それらをアクティブにし、OpenType機能を設定します。 3つの編集者の指示が続きます。
要約すると、エディター設定を開き、フォントファミリを設定します。長いフォント名が一部の環境でエラーを引き起こす可能性があるため、これらの姓は短縮されます。主な略語は次のとおりです。
Mnモノ(モノスペース/固定幅)を意味しますSn sans (比例/自然幅)を意味しますCslカジュアルを意味しますLnr線形を意味しますStは静的を意味します(完全な再帰変数フォントのように、変数とは対照的に)したがって、編集者にRecursive Mn Csl StまたはRecursive Mn Lnr Stいずれかを使用するように設定します。
設定で、 Font Familyを検索し、使用するファミリを指定します。
再帰的なモノカジュアルレギュラーの場合:
"Recursive Mn Csl St", Menlo, "Apple Color Emoji", monospace
再帰的なモノリニアレギュラーの場合:
"Recursive Mn Lnr St", Menlo, "Apple Color Emoji", monospace
次に、必要に応じて、 fontLigaturesを設定で検索して、settings.jsonでこれを編集して、次のように編集することで、OpenType機能をアクティブにすることができます。
"editor.fontLigatures" : " 'ss01','ss05','dlig' " (上記では、シンプルな6と9 、単一階建てのaを提供し、コードの結紮をアクティブにします。)
メニューバーで、 Atom > Stylesheetに移動して、次のように追加します。
atom-text-editor {
font-family : 'Recursive Mn Csl St' ; /* This sets the font family*/
font-feature-settings : "ss01" , "ss05" , "dlig" ; /* This sets OpenType features, if you want to set them. */
} font-family: 'Recursive Mn Lnr St';線形ファミリを取得します。
Sublime Text > Preferences > Settingsに移動し、使用したいスタイルの特定のpostScript名にfont_faceを設定します。
再帰的なモノカジュアルレギュラーの場合:
"font_face" : " Recursive Mn Csl St " ,再帰的なモノリニアレギュラーの場合:
"font_face" : " Recursive Mn Lnr St " ,コードの結紮またはその他のOpenType機能を制御するには、 font_optionsを開いて設定します。
"font_options" : [ " ss01 " , " ss05 " , " dlig " ],したがって、完全な設定は次のように見えるかもしれません:
{
"font_face" : " Recursive Mn Lnr St " ,
"font_size" : 24 ,
"theme" : " Adaptive.sublime-theme "
}再帰には次の軸があります。
| 軸 | タグ | 範囲 | デフォルト | 説明 |
|---|---|---|---|---|
| モノスペース | MONO | 0〜1 | 0 | sans(自然幅)からモノ(固定幅) |
| カジュアル | CASL | 0〜1 | 0 | 線形からカジュアル |
| 重さ | wght | 300〜1000 | 300 | ライトからエクササイズを解除します。通常のFont-Weightプロパティで定義できます。 |
| 傾斜 | slnt | 0から-15 | 0 | 直立(0°)から傾斜(約15°) |
| 筆記体 | CRSV | 0、0.5、または1 | 0.5 | 常にローマ(0)、オート(0.5)、または常に筆記体(1) |
軸定義、再帰
Monospace MONO -0から1。Glyph幅を比例または「sans」(0)から固定幅または「モノ」(1)に調整します。
推奨される使用:一般に、比例設計はテキストとUIでより読みやすくなりますが、モノスペースの設計は、文字の輪郭が特に重要であるコードとテキストにより適しています(例:パスワード、ID番号、表層データなど)。
カジュアルCASL -0から1。グリフの表現スタイルまたは「ジャンル」を調整します。再帰的には、これは線形(0)からカジュアル(1)に移動します。
推奨使用:線形スタイルは、人類のサンズの側面を合理化されたコンパクトな平坦な文字形式と統合する、直線として分類されたフォントと同様の構造を共有します。この規則的な馴染みのある構造により、フォーカスを必要とする長い形式のテキストに適しています(例:パラグラフ、完全なコードドキュメント、パンチのある見出し)。カジュアルなスタイルは、シングルストロークのカジュアルな標識に触発されていますが、小さなサイズのために描かれています。温かく魅力的なトーンが必要な短い形式のテキストで最も便利です(たとえば、ブログ投稿の見出し、看板、コンピューター端末など)。
重量wght -300〜1000。文字の全体的な厚さとそれらで構成されたテキストの暗闇。特に、再帰的には、重量軸はGlyph幅に影響しません。大胆な重量は、 MONO軸の比例スタイルであっても、軽量と同じ量のスペースを取ります。
推奨使用:体重の違いは、テキストに重点を置いたり、ユーザーの相互作用を示したり、通信のトーンを調整したりできます。暗い背景の明るいテキストの場合、400(「通常」)はテキストとコードに適している傾向があります。明るい背景の暗いテキストの場合、重量を500(「中」)に調整することが有益です。
なぜそれはグレード軸ではないのですか?問題#365を参照してください
スラントslnt - 0〜 -15。文字の「フォワードリーン」。注: -15 (ネガティブ15)は、ジオメトリのタイプデザインの根のため、時計回りの15°の傾斜に対応します。イタリック軸がデフォルト値にある場合、 -13.99の傾斜を通過すると、「筆記体」文字がアクティブになり、単純化された「単一ストーリー」 aおよびgなどのより手書きのフォームに変換されます。
推奨使用:スラントを二次的な方法として使用して、テキストを強調したり、タイポグラフィのトーンを変更したりします。テキストでは、約-9の部分的な傾斜を使用すると便利ですが、ディスプレイサイズでは、0または-15で最も正確なアウトラインを期待できます。また、文字形式やグリフの幅が変化することなく、 0から-13までアニメーション化することもできます。これは、ホバリングされたリンクやボタンなどに最適です。
筆記体CRSV - 0、0.5、または1。傾斜軸に沿った筆記体の置換を制御します。 「Off」(0)は、「ダブルストーリー」 aとgなどのローマの文字形式を維持し、「Auto」(0.5)が筆記体の代替を可能にし、「On」(1)は、0の斜めの直立テキストでも筆記体形式を主張します。
推奨される使用:筆記体を三次の方法として使用してテキストを強調し、アニメーションテキストをより制御する方法として使用します(たとえば、ユーザーのインタラクションにスラントするハイパーリンクは、筆記体0または1でスタイルをかけてグリフ置換の急激な変化を防ぐことができます)。
一般に、再帰は、特に画面上で、小規模から中程度のサイズの使用法を目的としています。ただし、どのスタイルの範囲がどのようなコンテキストで最適かを理解することは有用です。知る価値のあるいくつかのガイドライン:
| スタイルの範囲 | 推奨サイズ | 推奨されるユースケース |
|---|---|---|
| カジュアル0 (線形) 、重量300〜800 (ライトエクストラボルド) | 8px〜72px | 一般的な使用(特に長いテキストの場合) |
| カジュアル1 (カジュアル) 、重量300〜800 (ライトエクストラボルド) | 14px〜72px | 一般的な使用(より多くの性格) |
| Weights 801–900 (Black -Extrablack) | 32px〜144px | 見出し、タイポグラフィを表示します |
| カジュアルと傾斜の中間値 | 10px〜40px | テキストは良いですが、ディスプレイサイズでは見栄えが良くないかもしれません |
注意すべきこと:
CASLとslnt値を避けてください。デザインアプリの名前付きインスタンス( Mono Casual Bold Italicなど)に固執する場合、これは自動的に処理されます。再帰は、いくつかの便利なタイポグラフィ機能を簡単に制御できるようにする多くのOpentype機能を備えて構築されています。

構築するには、仮想環境をセットアップします
virtualenv -p python3 venv
その後、それをアクティブにします:
source venv/bin/activate
次に、要件をインストールします。
pip install -U -r requirements.txt
また:
pip install git+https://github.com/LettError/DesignspaceProblems
フォントはmastering/build.pyスクリプトで構築されています。このスクリプトは、すべて( python build.py --all )、またはフォントのサブセットを構築できます。すべてのオプションを表示するには、 python build.py -hを入力して、すべてのオプションを表示します。推奨されるビルドプロセスについては、以下に詳しく説明しています。
注:ソースファイル( mastering/prep_fonts.py )を準備するだけでサブスクリプトがあり、ソースファイル( mastering/build_files.py )の構築、変数フォント( mastering/build_variable.py )の生成、静的フォント( build_static.py )を生成します。これらのスクリプトは、ビルドファイルに1つのことをしたい場合に便利です。それぞれがコマンドラインの引数のセットを取ります。すべて文書化されたドキュメント(type python <script_name> -h )を表示してドキュメントを表示します。
まず、準備フォント
始める前に、作業ディレクトリをmasteringに変更します。
cd mastering
python build.py --files最初のステップです。これにより、変数と静的フォントの構築に必要なすべてのファイルが生成されます。おそらく、このコマンド( python build.py --version 1.085 --files )を使用してフォントにバージョン番号を提供することをお勧めします。変数フォントのファイルのみを準備するには、 python build.py --varfilesを使用するか、静的フォントのファイルのみを準備するには、 python build.py --statfilesを使用します。
ファイルが生成されたら(静的インスタンスが生成するのに少し時間がかかることに注意してください)、 mastering/build/static/CFF/checkoutlines.txtファイルを調べる必要があります。これは、CheckOutlinesufoからレポート(注意を必要としない問題を削除するために編集)です。このレポートにある問題は、静的UFOでクリーンアップする必要があります。多くの問題は、除去が重複しているためです。完璧なものはありません。オーバーラップ削除アルゴリズムは含まれています。
変数フォントを構築します
変数フォントを構築するには、実行します。
# activate venv, install dependencies, cd mastering
version=1.085 # (replace version number)
python build.py --varfiles --version $version
python build.py --variable --version $version静的フォントを構築します
すべての静的フォントを構築するには、実行します。
# activate venv, install dependencies, cd mastering
version=1.085 # (replace version number)
python build.py --statfiles --version $version
python build.py --static --version $versionすべてのフォントを構築します
すべてのソース、フォント、およびWoff2バージョンのすべてのフォントを実行する場合は、実行します。
# activate venv, install dependencies, cd mastering
python build.py --all --version 1.085 # (replace version number)通知を取得する(Macのみ)
Option --pync (略して-p )をスクリプト呼び出しに追加して、Mac通知を取得します。これは、ビルドが実行されている間に他のタスクで作業している場合に役立つ場合があります。
# activate venv, install dependencies, cd mastering
python build.py --all --pync --version 1.085 # (replace version number)まず、上記のマスターフローを使用してフォントを構築します。それから:
# navigate to the root directory of the project, then...
# update to latest font build directory
fontDir= " fonts_1.085 "
src/build-scripts/make-release/00-prep-release.sh $fontDir次に、最新の変数フォントをローカル再帰コード構成リポジトリにコピーして、更新されたコードフォントを作成します。これらを新しく作成したディレクトリfonts/ArrowType-Recursive-1.XXX/Recursive_Codeにコピーします。
最後に、リポジトリのリリースページに移動して新しいページを作成します。
このプロジェクトには、大量の研究( docs/に含まれる)が含まれており、多くの小さなツール(RobofontのUFOSを使用して変動するフォントを設計する場合に役立つ可能性のあるsrc/00-recursive-scripts-for-robofontに含まれています。
端末のRobofontスクリプトフォルダーに移動します。
cdを入力し、次にスクリプトフォルダーをコピーパステまたはドラッグ-Nドロップして、完全なFilepathを取得します。 return/enterをヒットします。再帰的なプロジェクトスクリプトフォルダーへのシンボリックリンクまたは「Symlink」を作成しますsrc/00-recursive-scripts-for-robofont
ln -ssrc/00-recursive-scripts-for-robofontフルパスを取得します。 return/enterをヒットします。lsを実行してそこにあることを確認してください。 src/00-recursive-scripts-for-robofontリストされているアイテムの1つとして表示されます。だから、これは次のようになります:
ln -s ~/FOLDER_PATH/robofont-scripts ~/FOLDER_PATH/recursive/src/00-recursive-scripts-for-robofont
これで、スクリプトメニューから再帰的なプロジェクトスクリプトを直接実行するか、スクリプトウィンドウで開くことで実行できます。
プロジェクトへの貢献に関するポリシーについては、Converting.mdを参照してください。