![プログラミング向けフォントの新しい選択肢「0xProto」/トレンドを押さえつつも、可読性とデザインに独自の工夫。控えめな合字活用もちょうどいい【レビュー】](https://cdn-ak-scissors.b.st-hatena.com/image/square/33057f07a7bd1cbc7920840bb5c7f6d8f85468fa/height=288;version=1;width=512/https%3A%2F%2Fforest.watch.impress.co.jp%2Fimg%2Fwf%2Flist%2F1504%2F899%2Fimage1.png)
2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです! これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2021年フォント界の大きなニュースは、Google Fontsに大量の日本語フォントが追加されたことです。Webフォントとして利用できるのはもちろん、オープンソースになったので商用プロジェクトでも無料で利用できます。 というわけで、Google Fontsで利用できるようになった日本語フォントから紹介します。有料だったフォント(砧書体やZENフォントやFontworksなど)もオープンソースのSILライセンス
突然ですが、皆さんはどのフォントでコーディングしていますか? monaco、Monospace、MSゴシックなど、等幅フォントを軸に種類は多種多様です そんな中、それらを尻目に私が使っているフォントはIosevkaというフォントです Iosevkaとは? 以下の特徴を持ったフォントです 等幅フォント 日本特有の文字種(㈱や㌕など)に対応 これらもきっちりと等幅を守っている リガチャ機能あり !=や<=など、特定の連続した文字列を合成して別の文字で表す機能 エディタもリガチャに対応している必要あり(VSCodeやAtom、iTerm2は対応しているので、大抵のエディタやIDEは対応していると思います) 特定の文字をプリセットの中から選ぶ事ができる プリセットから選んで、特定の文字のみデザインを変更することも可能 全体的な文字の太さ、デザイン、文字のゆとりも設定することが可能 特に 特定の文字
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
フォントの種類は数え切れないほど有りますが、外見だけでフォントを判断でするのは至難の業。スマートフォンのアプリ「WhatTheFont」は、文字を撮影したり、文字が書かれた画像を読み込むと、インターネットを通じてフォント名を教えてくれ、さらにはそのフォントを購入することもできます。デザイナーやイラストレーター、あるいはフォントに興味がある人などに便利そうなアプリを、実際にインストールして使ってみました。 MyFonts: Fonts for Print, Products & Screens https://www.myfonts.com/WhatTheFont/mobile/ WhatTheFontは、フォントをオンラインで販売するストア「MyFonts」が提供しているアプリ。同ストアでは、画像に含まれるフォントを自動で判別する同名のサービス「WhatTheFont」を提供しており、アプ
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
皆さんは普段、PCを使う上で、フォントは気にしますでしょうか。 最近は、Webフォントの登場によって、Webサイトごとに独自のフォントが表示されているのを見る機会も多くなりました。 しかしながら、Webや画像制作等の経験がない方は、あまりフォントをインストールする機会もないかもしれません。 そこで今回は、プログラマー向けに、普段使う開発環境等に導入したら良さそうな、オープンソースのフォント「Fira Code」を紹介したいと思います。 Fira Codeは、プログラミング用・コーディング用フォントで、リガチャー(合字)により、関係演算子(比較演算子)や論理演算子、アローファンクションなどを見やすくしてくれる等幅フォントです。様々なプログラミング言語に対応できるように設計・工夫されています。 具体的には以下のように変換してくれますが、リガチャーになっても表示幅は同じで、文字自体が変化している
この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが本来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。(Windowsで游ゴシックが汚いのは、結局誰が悪いのか? | Cherry Pie Webなど)だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、本文に游ゴシックを使っているWIREDの記事(「癌」という名
2014.8.3 設定方法をちょっと訂正。 えーウチでは MacType でほぼ満足してたりするんで、あくまでおためししただけであります。ウチみたいないショボPCではなく最近のハイスペックなPCなら、もっとマシな結果になるのではと思ったり思わなかったり。。 ぶっちゃけ、MacType と比べたらまだまだなのですが、そこはそれ。 拙作テストページ : 【私的】Windows フォントのテストだYO!【DirectWrite】 - palm84.com INDEX DirectWrite の設定 フォント選び スクリーンショット その他 DirectWrite の設定 【2016.12.8 追記】DirectWrite + Stylish で MacType 風表示に 完全ではないけどまぁまぁイケるかも? Firefox - DirectWrite + Stylish で MacType 風フ
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう?
ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い? 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装! 紹介の前に フォント選びの基準
Windowsに搭載されている絵文字みたいな謎のフォント「Wingdings」を目にしたことはあるものの、一度も使ったことがない、という人も多いはず。あまり使用されないWingdingsですが、一体なぜ存在しているのか?という知られざる歴史のムービーがYouTubeで公開されています。 Why the Wingdings font exists - YouTube 円と十字架を組み合わせたマークや、指さしマーク、六芒星など、「一体いつ使うのだ?」と思ってしまうフォント「Wingdings」を目にしたことがある人も多いはず。 実際のところ、使われる頻度の少ないWingdingsフォントですが…… その歴史は、実はインターネットが登場する前、フォントが主に出版や印刷業界でのみ取り扱われていた時にまでさかのぼります。現在はタイピングしたものを印刷する、という方法が採られていますが、タイピングが存
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
IBM PCのBIOS画面に登場する文字は、30年以上経ってからあらためて見ると、どこか落ち着きを与えてくれるドット感で秀逸なデザイン性を感じさせてくれます。そんな昔のDOSやグラフィックボードで使われていた懐かしいフォントをまとめて詰め込んだフォントパック「The Ultimate Oldschool PC Font Pack」を使えば、懐かしの文字をたっぷり堪能することができます。 The Ultimate Oldschool PC Font Pack: The Fonts! http://int10h.org/oldschool-pc-fonts/fontlist/ 「The Ultimate Oldschool PC Font Pack」のフォントをインストールするには、上記サイトの「DOWNLOAD」をクリックして、「ultimate_oldschool_pc_font_pack
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く