サンフランシスコの鉄道で見かける、あの表示がフォントに! Fran Sans爆誕
引用元:https://news.ycombinator.com/item?id=46025942
著者、深掘りすごいね!ディスプレイのラベルからTrans-Lite社を見つけ、匿名Redditユーザーの助けで1999年にこのサインを設計したGary Wallberg氏に繋がったんだって。職場でもMuni Metroのフォントの話が出たけど、ここまで源流は探せなかったな。NYCのR142Aやスペインの交通システムに触発されたフォントも紹介してるよ。
NYCのR142A: https://www.nyctransitforums.com/topic/55346-r142a-mosaic-lc…
スペインの交通システム: https://aresluna.org/segmented-type/
R142Aは地下鉄の車両名だよ。NYCTは契約番号で車両を識別していて、数字が大きいほど新しいんだ。最新はR211で、3種類のバリアントがあるよ (R211T, R211S, R211A)。
面白いね!Ansaldo Bredaがイタリアの会社だから、サインもヨーロッパ製だと思ってたよ。ミュンヘンU-Bahnのプラットフォームサインみたいに、数年前までLCD”モザイク”ディスプレイはこっちでもかなり普及してたけど、今はTFTフラットスクリーンやLEDベースのドットマトリックスディスプレイに全部置き換わっちゃったんだって。
ミュンヘンU-Bahnの例: https://www.u-bahn-muenchen.de/betrieb/zugzielanzeiger/
僕も驚いたよ。BredaはWillie Brownにすごい額の賄賂を渡して、あのクソみたいなものを市に買わせたんだ。Scharfenberg couplersみたいなヨーロッパ製の部品がたくさん使われてるけど、ほとんどまともに動かなかったらしいね。
New Jersey Transitの電車でもこれに似たものが使われてるよ。ただ、もっとセグメントが多いんだけどね。
https://www.flickr.com/photos/recluse26/286211358/
いろんなセグメントタイプが見られるサイトを見て、PosyのYouTube動画を思い出したよ。彼がこれらの変なオプションをたくさん調査しているんだ。
https://youtu.be/RTB5XhjbgZA?si=y7npP6KfXlOGNoHZ
タイポグラフィオタクは僕のお気に入りのオタクだよ。フォント見本ページって、デザイン言語と意図を叫びまくってるよね。実際のコンテンツよりも、とにかくフォントを見せつけることに優先順位がないことが秘密なのかな?インスピレーションの範囲内でうまく実行されてて、すごくクールだよ。
Andrew Glassner’s Notebook: Recreational Computer Graphicsは本当に素敵な本だよ。著者のサイトはこれね: https://glassner.com/computer-graphics/
第6章では7セグメントから14セグメント、5x7へと話が進み、66セグメントのウィーン地下鉄フォントや83セグメントのフォント、そして彼自身の55要素モザイクで締めくくられてるんだ。
あと、Adam Savage’s Testedのこの動画も見てみて: https://youtu.be/eKCcqlJnZcA (3日前)
https://www.kellianderson.com/books/alphabetinmotion.html
動画の7:00からフォントのモジュール性を扱っていて、”U & V”のセクションではKombinations-Schriftのモジュラーコンポーネントについても触れてるよ。
MOMAのコレクション: https://www.moma.org/collection/works/2724
動画の22:00でもこれについて語られてるね。
Glassnerの55セグメントデザインとか、他にもたくさんのセグメントタイプをJavaScriptで実装した、超楽しいツールがあるよ!ぜひ遊んでみて。
https://aresluna.org/segmented-type/
6セグメントのやつはね、慣れると結構読めるんだよ。変なのもあるけど、意外とスラスラ読めちゃう(7セグメントよりも読みやすいのもあるくらい!)。
これ、マジで超クールじゃん!シェアしてくれてサンキューね。
「Typography nerds are some of my favourite nerds.」って引用あるけど、別のフォントのすごい詳細な解説記事(フォント作者が書いたやつ)があるんだ。古代の素材までカバーしてて面白いよ。
https://mass-driver.com/article/md-nichrome-on-spacing-and-s…
フォントに関する投稿ってHNだとすぐ人気出るから、たくさん見かける気がするんだよね。もしかしてSTEM系の人は、きれいなグリフが大好きなのかな?
そうそう!フォントみたいなニッチな話題が、Hacker Newsでどれくらい人気出るかいつも気になってたんだ。AIやcryptocurrencyは別だけど、ある種「Bizarro World第三のレール」みたいだよね。10年くらい見てて特に目立つのは、fonts、autism/ADHD、diet supplements/vitamins、surveillance and privacy、outages (Cloudflareなど)、Apple hardware/software (new)だよ。
「San Fran」って聞くとゾッとするネイティブだけど、このフォント名(Fran Sans)は最高にクール!マジでリスペクトだね。よくやった!
その「顔をしかめる」のって、変なshibbolethだなっていつも思ってたんだ。みんな「bay area」ってまとめるけど、俺は湾岸育ちだから、それこそ「bay area」じゃんって、さらに笑っちゃうんだよね。
bay areaってSFだけじゃないんだよ。San Franciscoのこと言いたいなら「SF」か「the city」って言うべき。「San Fran」も「Cali」もどこから来たかわかんないけど、地元民は使わないし、なんか尊敬できない感じ。それは街の名前じゃないんだ。
ここは「THE Bay Area」で、「THE city」に住んで「THE 101」を走って「THE Chinatown」で飯食うんだ…って、ちょっと待てよ。でもさ、15年以上前にここに引っ越すまで、「the Bay Area」って呼んでみんながわかると思ってるのが変だって気づかなかったんだ。sportscasterもmusicianもそう言うけどね。他のbay areasはただのbay areasなのにさ…。
「SF…それはこの街の名前じゃない」って言ってたじゃん!君の言葉だよ(笑)
SFの投稿って、「地元民として」って言う人が多いの面白いよね。ロンドンではあまり聞かない気がする。奇妙な地域性の特徴だね。他の街にもこういう人達がいるのかな?NYCには「移住者」対「地元民」ってのが大きくあるからアメリカだけなのかもだけど、バンクーバーでもそうだと思う。カナダ人は大体アメリカ人の真似をしてるしね。僕は結果的にこの街をSan Franって呼ぶようになったよ。たまにEssEffOhとかFriscoも楽しんで使うけど、これがウケるんだよね。
じゃあ、代わりに「Frisco」って呼ぶことにするね!でも、その最高なフォント名には+1だよ。
やあ、このフォントを作った者だけどね。まさにこの理由で、名前にはめちゃくちゃ悩んだんだ。でも、結局はあまりにも clever で、諦めきれなかったんだよね。分かってくれてありがとう(笑)
ロンドンはイングランドの?それともオンタリオの?
「アレクサンダー」って呼ばれるのを嫌がる「アレックス」に会ったことないの?
「THE 101を運転する」って言った?すみませんね!NorCalでは「101を運転する」って言うのよ :P
サン・フランシスコ。
正直なところ、結局は「響きが悪い」ってことに尽きると思う。
SFに住んでた頃、週に何回かこのストリートアートの前を通って、いつも笑顔になったな。https://www.sfstairways.com/stairways/eugenia-avenue-prospec…
選んだやつ、100%見逃せないくらいめちゃくちゃいいじゃん!もし他の選んでたら、ダジャレ好きが真っ先に指摘してたよ。だって、そこにあるんだもん!
実際、ハイウェイ番号の前に冠詞「the」をつけるのは、その人がよその出身だってことをバラしてるようなもんだね。
もっとコメントを表示(1)
Eddie Izzardが1998年に「The」とか「The City」の禁止された呼び方についてジョークを言ってたんだ(https://youtu.be/QRB_GhLXCds?si=R4kYkodzvYDxe33H&t=276)。だから、きっと何十年も前からこんな感じだったんだろうね!
BARTに乗ろうぜ!
「San Fran」が軽蔑される理由について俺の考えだけど、それを言う人が「俺、San Franにめちゃくちゃ詳しいイケてるやつなんだぜ」ってステータスを主張してるように見えるからじゃないかな。
でもSan FranciscoをSan Franに短縮するのはすごく安っぽい気取り方で、SFの魂が拒否してるんだ。SFは人が出入りする一時的な都市だと感じるから、こういう「しるし」みたいなものがよく話題になるのかも。きっと毎週、バーで新しく引っ越してきた誰かが「San Fran」って呼んで、ちょっと長く住んでるやつに訂正されるってエピソードが繰り返されてるんだろうね。
韻を踏んでるって事実が、多分それが存在する理由だよね。
巧妙さでボーナスポイントだね。
それでいいんだよ。東側とか南側の人がそう呼んでるからね。
これ、久しぶりに見つけたよ: https://blog.ryjones.org/2006/10/21/Welcome-to-the-Bay-Area
この cleverness に賛成だね。見逃さなくて正解だったよ。typography weenies にはたまらないし、よく考えられた typography が珍しくなってきた時代に評価できるのは嬉しいね。HN で見れてよかった。
NYC くらいしか思いつかないけど、他にもたくさんあるんだろうね。LA もそうかな?とにかく、移住者の方がネイティブより圧倒的に多いんだ。僕が今住んでる家は、僕が生まれた頃は果樹園だったんだよ。
FYI、小文字はないし、ライセンスは著者へ連絡だって。(記事は、もうすぐ使われなくなる表示器の歴史を掘り下げた neat な話で、フォントデザインの実用的な面も語ってるよ。ただ、気軽には手に入らないんだ。)
正直、この font がこんなに広まるとは思ってなかったんだ。SF Chronicle が連絡をくれて、それが本当に嬉しかったよ。メールをくれた人には誰でもコピーをあげてるんだけど、簡単なダウンロードリンクはまだ作ってないんだ。それ以来考えたんだけど、人から連絡をもらって、何を作ってるか聞く方がずっといいんだ。これは community-driven な project だから、このゆっくりとした配布方法の方が僕の意図に近いと感じるね。:)
それがうまくいってよかったね!(僕はむしろ monospace fonts のコレクター/ため込み屋だから、あなたの intended audience ではないけど、それで全然構わないよ。)
Fran Sansフォントの記事にぴったりの美しい詩だね!”OUTSIDE MY LIFE, INSIDE THE DREAM…”って感じで、サンフランシスコのケーブルカーや霧、Dahlias、自己運転車、Church of 8 Wheels、Lower Haightのバーとか、夜の湾まで、街のいろんな風景が鮮やかに描かれてるよ。MADDY CARRUCANさんの素敵な作品だね。
今年SFに引っ越したんだけど、この詩すごく好き!Church of 8 Wheelsってそんなに人気あるのかな?詩人の好みかな。俺にとってはMission Doloresが”クラシックSF”って感じで一番好きだな。Salesforce Parkと周辺は、まさにテックと資本主義の頂点って感じだね。
子供の頃、Muniの新しいバスのフロントディスプレイって、ソレノイド駆動のLEDアレイだったんだ。ディスプレイが変わるたびに雨みたいなカチャカチャ音がしたのを思い出すよ。あの音、懐かしいな。昔のBredaの電車とかバスは、バックライト付きの紙ロールのサインを使ってて、そっちの方がずっと読みやすかったんだよね。
https://upload.wikimedia.org/wikipedia/commons/4/4c/T_Third_…
SFMTAもあのディスプレイを見せてくれたんだけど、すっごく気まぐれで扱いにくいらしいよ。それに、カーテン(紙ロール)を一枚印刷するのに、特別なバーコード付きだと約3000ドルもかかったって説明してくれたよ。
おそらくこれのことだよね?
https://cptdb.ca/wiki/images/6/60/San_Francisco_MUNI_8001-a….
https://cptdb.ca/wiki/index.php/File:San_Francisco_MUNI_8110…
サインはかなりやかましかったけど、バスもそうだったね。おもしろい話として、Muniが新しいBredaにデジタルサインを導入した時、3つの情報を回転表示してたから、2/3の時間は行き先が分からなかったんだって。あと、布ロールには実現しなかったルートや行き先もたくさんあったらしいよ。
子供の頃、DublinのDART列車にはLED付きの地図があってね。列車が駅を通過すると、その駅のLEDが緑から赤に変わるんだ。当時、それが魔法みたいですごく感動したよ。支線が追加された時に更新されたんだけど、新しい車両には設置されなくて、もう15年間も何もしないままなんだ。もうすぐ古い車両が引退するから、これらもなくなっちゃうんだね。ちょっと寂しくなるなぁ。
著者がオンライン調査だけじゃなくて、技術者やエンジニアに直接話を聞いたり、お店を訪れたりして現地調査したことに感動したよ。こんな風に直接足を運んで調査する人って珍しいから、すごく評価するね。
記事によると、SFMTAのArmandoさんが「Breda車両は交換されて、ディスプレイも新しいLEDドットマトリックスユニットに変わるんだって。2025年末までには、Fran Sansの元になったサインが街から消えちゃうらしいよ。街の個性的な声の一部が失われるのは寂しいね。
BredaのLRVは今月初めにもう全部引退したんだよ。後継の車両は全然違うディスプレイを使ってるから、あのサインとか電車にそこまで郷愁は感じないかな。
ドットマトリックスの解像度が十分高ければ、どんなフォントでもちゃんと表示できるし、絵文字も追加できるようになるよね。
これ読んで思い出したのが、マンハッタンで一番頑張ってるフォントの記事これね。以前のHacker Newsの議論はここ。
https://aresluna.org/the-hardest-working-font-in-manhattan/
https://news.ycombinator.com/item?id=43053419
元のディスプレイの、デザインへのこだわりが好きだな。底にある二重の高さの斜め線は、どうやらVの文字を表示するためだけにあるみたい。他の文字には使われないんだって。
私、Fran Sansのデザイナーだよ!オリジナルのディスプレイのこのディテールに気づいてくれて嬉しいな!!!
イギリスの読者向けだけど、これって1990年代に作られたThames Turbo列車(クラス165/166)で使われてた書体とすごく似てるよ。5年くらい前の改装までね。同じメーカーじゃないかって思うくらい。写真はこちら:
https://commons.wikimedia.org/wiki/File:166207_DMCO_Interior…
https://commons.wikimedia.org/wiki/Category:British_Rail_Cla…
3x5ディスプレイは結構一般的だし、発祥がサンフランシスコじゃないかもしれないって思うよ。
ニュージャージー・トランジットの列車で使われてるディスプレイと全く同じに見えるね。
NJ Transitは105セグメントのディスプレイを使ってるよ。小文字も含まれてるし、大文字と数字もMUNIの38セグメントディスプレイとは明らかに違うね。
はは :) Redditの関連スレッド:
https://www.reddit.com/r/typography/comments/1jp9juj/i_turne…
あと、その議論からこれ:
https://aresluna.org/segmented-type/
ウィーンには66セグメントのがあるんだって:
https://en.wikipedia.org/wiki/File:Vienna_u-bahn_display_clo…
もっとコメントを表示(2)
アメリカやヨーロッパ中でこれを見てきて、いつも魅了されてるんだ。ペン・ステーションにもっとセグメントが多い大きなのがあった(今もあるかな?)。このセグメントディスプレイのスタイル名や情報を見つけようとずっと探してるんだけど、一番近いのは”mosaic display”かな。”このディスプレイに夢中な人”より、この記事大好き!
https://en.wikipedia.org/wiki/Split-flap_display
https://en.wikipedia.org/wiki/Flip-disc_display
2010年代のペン駅の案内板は記事の通りモザイクLCDで、スプリットフラップじゃなかったんだってさ。
ボストンやプロビデンスのAmtrak駅のスプリットフラップ式は懐かしいな。https://upload.wikimedia.org/wikipedia/commons/b/bd/Penn_Sta…
多分Reitberger社の38セグメントAFA英数字LCDだよ。
このリンク見てみてね。https://www.reitberger.de/English/Large%20displays/Alphanume…https://www.reitberger.de/English/Broadsheet/Prospekt_GA_AFA…
こっちではよく見るよ。
NYTによると、ペン駅の案内表示はSignature Technologies製の43セグメントLCDガラスなんだってさ。
セグメントの形はこの写真で確認できるよ。https://media.wired.com/photos/59327db4aef9a462de983397/3:2/…
スペインでも同じデザインが使われてたみたい。https://web.archive.org/web/20210602143217im_/https://pbs.tw…
このフォントをプログラムで再現したいんだけど、ライセンスの問題があるから公開はしないでおこうと思う。
もしlilsneddzさんがOKって言ってくれたら、コードを公開して、みんながインタラクティブな表示を作れるようにしたいな!
小文字とか国際記号も作りやすくなりそうだしね。
マジで言ってる?めっちゃいいじゃん!ぜひやってよ!
僕のウェブサイトを更新して、もっとオープンな雰囲気を出す必要があるみたいだね、ハハ!
え、マジ!?やったね!!
これでタイポグラフィエディタを作ろうと思ってたんだ。
セルをクリックしたら記号や向きが変わるみたいなやつ。もちろんオープンソースで!
感謝祭は家族と過ごさずにこれを作るわ:P
この手のエディターなら、https://fontstruct.com/ と https://glyphdrawing.club/ を見てみてね。
(glyphdrawing.clubは僕が作ったんだ)
でも、ぜひこのフォント用にも作ってほしいな!
わあ、教えてくれてありがとう!!
この手のことは初めてだけど、新しい趣味になりそうだよ。
“僕は楽しいことが本当に好きだから、自分のフォントエディターを作ったんだ。”
――tom7
https://m.youtube.com/watch?v=qTBAW-Eh0tM
あの動画でめちゃくちゃ勉強になったよ。
すごい仕事だね!余談だけど、Bredaの鉄道車両製造会社の歴史を深掘りしてみたんだ。元々は1800年代後半にミラノでErnesto Bredaが機関車用に創業。戦争中に兵器製造にも拡大し、国有化やAnsaldoBredaへの統合を経て、最終的には日本企業に買収されてHitachi Rail Italyになったらしいよ。詳しい情報はこちら: https://en.wikipedia.org/wiki/Hitachi_Rail_Italy
Bredaは車両がひどくて(Boeingよりはマシだったけどね)、会社も腐敗してたから、後継車両の入札から締め出されちゃったんだよ。ちなみに、SFでは1800年代から1900年代初頭のミラノのトラムをヘリテージラインで走らせてるけど、もちろんBreda製じゃないよ。
NJ Transit Comet車両で使われてるような、もっと高精細なLCDディスプレイもあるよ。これなら@マークもちゃんと表示できるはずだよ。参考になる写真はこちら: https://www.flickr.com/photos/recluse26/286211358/
俺も最初にそう思ったよ。Coast Lineでこの車両によく乗ってたんだ。昔は次の停車駅を表示してたけど、いつの間にか壊れちゃったんだよね。最近はあまり乗らないけど、写真がNJ TRANSITなのは納得だね。いつか高速鉄道ができたら嬉しいな。それまではビールでも飲んで乗車を楽しもうぜ。
フォントについてもっと詳しく知りたいなら、ここから見てみて! https://emilysneddon.com/fransans
この2つのページ、どうもモバイル専用に作られてるみたいだね。俺は4K画面でブラウザを最大化して見てるのに、テキストが全部デカすぎるんだよ!しかも最悪なことに、ズームもできないし。なんかユーザーに優しくない設計だと思うな…
CSSを無効にすれば解決するよ。
気をつけて!バックボタンを2回押すと、とんでもない裸の写真に飛んじゃうよ。
Hacker Newsで今日2回もバックボタンの不具合についてのコメントを見たよ。俺はMacでChromeを使ってるけど、バックボタンは完全に正常に機能してる。裸の写真なんて表示されないよ、残念だけどね。これってChromeには影響しない実話なの?それともみんな冗談言ってるだけ?
ほら、これだよ: https://emilysneddon.com/tinn
NSFWだけど、別にそんなに煽情的なものじゃないよ。(バスルームにいる女性の芸術的な白黒写真だよ。)