あかね @akane_neko リコーが「あなたの知らないフォントの世界」ってWebセミナーやるよというので聴講したのだけど 事前に聞いていた内容が - 3つに大別される、フォントの種類 - 用途で異なる、フォントライセンス - 少しだけご紹介、フォントの知識 だったので「うん知ってる話かなー」と思いつつ聞いたら（続 2022-09-29 17:14:41

まさかまさかの朗報です！ MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています！！！ アップデート情報 4/1 Google Fontsで利用できるようになりました！ Morisawa Inc. -Google Fonts 3/29 v1.001, v1.002がリリースされ、不具合が修正されました。 3/24 HTMLやCSS、JavaScriptなどコードを書く人にどうぞ。 仕事早っ！！ オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース MORISAWA BIZ UDフォントとは GitHubで公開されているMORISAWA BIZ UDフォント MORISAWA BIZ UDフォントのダウンロード MORISAWA BIZ UDフ

Melete is licensed under the SIL Open Font License, Ver 1.1 ドットコロンのフォントはWebサイトや印刷物、ロゴタイプなどへの使用はもちろん、改変・再配布等も自由に行って頂いてかまいません。 商標登録が必要なものに関しても同様です。ただし、ドットコロンのフォントは無保証です。インストールや使用方法に関するご質問はお受けできません。 また、ドットコロンのフォントを使用したことにより何らかのトラブルが発生しても、ドットコロンは一切責任を負いません。 MeleteはSF映画のタイトルのような雰囲気を目指したサンセリフです。 可読性を一部犠牲にしつつ、ゆったりとした余白を用意し近未来的な雰囲気になるよう仕上げました。 よくSF映画で使われているEurostile ExtendedやBank Gothicを参考に、より尖ったデザインを目指して

WebページやOSのUI、エディタなどのソフトウェアでフォントのサイズや行の高さを設定した際に起こる問題点と解決方法を紹介します。 Font size is useless; let's fix it by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントのサイズにおけるポイントとは emスクエアとは font sizeにおける問題点 解決方法 line height（行の高さ）もめちゃくちゃです 予測が可能なline height（行の高さ） 終わりに はじめに あなたのお気に入りのエディタに、"font_size": 32を設定するとどうなりますか？ お伝えしたいことがあるので、聞いてくれたら嬉しいです。 実際にやってみました。 私はmacOSでSublime Textを使っています

VTuberをやっている娘のために有益なツイートをためています。 動画を作ったり、お知らせ用の素材やフォント、配信の役立つ情報をつらつらと蓄積出来たらなと思っています。 掲載に不都合のある方はご連絡ください。またこのツイートとっても役に立つよというものがあればご連絡下さると嬉しいです。 @yoripi_evolved

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し

「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。 太字には２種類あるまず、コンピューターの画面に映し出される「太字」には２種類ある。 ひとつは、最

生成元にはプログラミング向け英文フォント Hack と、Adobe 製作の源ノ角ゴシックに丸みを付けた派生フォント 源柔ゴシック を使用させていただきました。 白源の生成元である Hack、及び源柔ゴシックには、いずれも SIL Open Font License Version 1.1 という大らかなライセンスが適用されているため、改変及び配布が自由となっています。したがって、白源の生成済みフォントファイル (ttf ファイル) は GitHub からダウンロードして、すぐにご利用いただけます。 「白源 (はくげん／HackGen)」の特徴 プログラミングフォント「白源 (はくげん／HackGen)」には以下のような特徴があります。 文字幅 半角1:全角2 の正統派な等幅フォント (文字幅 半角3:全角5 バージョンも同梱) Hack 由来の読みやすく、しっとりとした印象の英字 源柔ゴシ

フォント大好きデザイナーのベーコン（@dogdog464646）です！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じゃあ正解の発表です 正解は… 全部です！ というかデザインの正解は、状況によって変わるんですよね なので、状況によって変わる「いいデザイン」に対応するためには「たくさんの種類のフォント」が必要になります たくさんの種類のフォントで、表現の幅を広く持つことで、デザインを正解に導きやすくなります この記事はデザイナーだけではなく ・イラストレーター ・エンジニア ・ブロガー ・プレゼン資料を作っている人 ・学校やサークルでチラシを作る人 このような人たちに役立つ、

デザイナーとして学ぶことができる重要なスキルのひとつは、書体を選択する力です。デザインの主要ポイントのひとつとして扱われることが多いフォント、書体は、デザインの仕上がりを良くも悪くもしてしまいます。 この記事では、これから学びたいひとに向けた書体をうまく選択する基本ルールをまとめてご紹介します。普段からよく利用しているフォント以外に、新しい組み合わせ方を詳しくみていきましょう。 デザインの目的をはっきりさせよう。 デザインをはじまる前に、目的はなにかきちんと確認しましょう。どのような情報を伝えたいですか。ウェブや印刷などどんな媒体を対象にしていますか。 優れているとされるデザインは、その目的に合わせてタイポグラフィーを合わせています。これは、タイポグラフィーが雰囲気や色調、スタイルを決める鍵となるからです。 たとえば、イラストを多用したグリーティングカードをデザインするとき、イラストのスタ

2016年4月12日にリリースされたFont Awesomeの最新バージョン4.6。アクセシビリティ的に難があると言われていたアイコンフォントの弱点を補うため、アクセシビリティを重要視したバージョンとなっているようです。 具体的には15個のアクセシビリティ関連のアイコンが追加され、ドキュメントにアクセシビリティの項目が追加。さらに、aria-hidden="true"がデフォルトになりました。 追加されたアクセシビリティ関連のアイコン アメリカン手話通訳（american-sign-language-interpreting / asl-interpreting） 補聴器（assistive-listening-systems） 音声解説（audio-description） 視覚障害者（blind） 点字（braille） 字幕（cc） 耳が聞こえない（deaf / deafness /

ニューヨークの交通機関「New York City Transit Authority」（Wikipedia参照）のグラフィック・スタンダード・マニュアル（1970年版）が公開されているサイトを紹介します。 New York City Transit Authority Graphics Standards Manual New York City Transit Authority Graphics Standards Manual フォントのルール、サイン・矢印のルール、色のルールなどが規定してあり、ゾクゾクする内容です。 フォント関連 下の画像は、文字ごとの詰め間隔ルール。 サイン・矢印関連 この貴重なマニュアルはロッカーから見つかったみたいです。 The manual was found in a locker beneath old gym clothes. サイトでは拡大して細

今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト（太さ）が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

航空機のコックピット内には、緊急時対応マニュアルなど多くの書類が置かれていますが、マニュアルが読みにくく緊急時に対応できない、夜間飛行時に全く読めないなどの事例が1980年代に多数発生しました。そこで、NASAは読みやすい書類を書くために過去の文献などを徹底的に調査して、コックピットやフライトデッキのマニュアルに使用するタイポグラフィのマニュアルを作成。調査書には、読みやすいタイポグラフィを作るためのルールがまとめられており、現在のウェブデザインにも活用できる内容になっています。 (PDFファイル) ON THE TYPOGRAPHY OF FLIGHT DECK DOCUMENTATION - Flight-Deck_Documentation.pdf http://ti.arc.nasa.gov/m/profile/adegani/Flight-Deck_Documentation.p

日本では時々「Futuraはナチスの書体」と考えている人がいるようです。 知り合いのデザイナーから聞かれる事もたまにありますし、出版物に書かれてある場合もあります。出版物で私の知るところでは朗文堂から出ている『書物と活字』のあとがきや『ふたりのチヒョルト』の中にこの説を裏付けるような文が書かれてあります。 例えば『ふたりのチヒョルト』の346ページには「フトゥーラ活字はナチの教育・宣伝に使われたためにその使用にはドイツではいまなおためらいがみられる」とあります。 以前別の記事にも書いたのですが、結論から言うと Futura は当時も今も人気の書体で、ヨーロッパでは広く一般的に使われています。現在私の住むドイツでも頻繁に見かけます。「Futura がナチスを思い出させる書体」という事実はありません。 それどころか、数年前 Futura がドイツの政党のロゴに使われ過ぎているという記事（文はド