Variable Fontについて - console.blog(self);
Goodpatch Advent Calendar 2016の7日目！ フォントもくもく会 #5でVariable Fontについて調べてみた。2016年9月にVariable Fontというものが発表された。ひとつのフォントファイルで、さまざまなウェイトで表示ができる。 ワルシャワで開催中のATypIカンファレンスにて、バリアブルフォントと呼ばれる新しいタイプのフォントが世界に紹介されました。Apple、Google、Microsoft、およびアドビが共同で開発したバリアブルフォントは、ジョン ハドソン（John Hudson）の言葉を借りれば「ひとつのファイルでありながら複数のフォントのように動作する」フォントです。ひとつのフォントファイルを使い、ファイルサイズを拡大することなくウェイト（太さ）や幅やその他の属性を無限に変更することができたらどうなるか、またデザインにおいてそれがどのよ
これが欲しかった！無料のすごいフリーフォント55選 2018年10月度 - PhotoshopVIP
世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」と思ったことがあるひとも多いのではないでしょうか。当サイトでは、無料ダウンロードできる高品質フリーフォントを厳選ピックアップし、定期的にご紹介しています。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材も数多く揃い、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 2週間限定！日本語プレミアムフォント、かわいいデザインを楽しむ便利コレクション これが欲しかった！無料のすごいフリーフォント55選 女子文字POP体フォント「モッチーポップ」 女子が書いたモチモチしてコロコロ丸っこい字でポップなフォントを目指して作りました。職場の新卒3年目
フォント、書体を完全マスター！デザイン作成が超快適になる無料ツール、拡張機能25個まとめ
コンテンツ・ファーストに対する考え方が、デザイナーに認識、理解されるにつれて、デザイン過程において優れたタイポグラフィの作成がますます重要になってきています。 しかしタイポグラフィの扱いはとてもデリケートで、特にこれから始めようというひとにとって厄介な問題です。このリストでは、よりタイポグラフィ作成を快適に進めることができる無料ツールをまとめてご紹介します。ここで紹介するツールは、コンテンツを改善し、より良いデザインを手がけるのに役立つものばかりが揃います。 ここでは、以下のカテゴリ別に分かれています。 フォントの選択、ダウンロード フォントの組み合わせやスタイリング フォントの縮尺スケール デザインインスピレーション フォント、書体を知ろう！デザイン作成が快適になる無料ツール、拡張機能まとめ フォントの選択、ダウンロード タイポグラフィーの作業プロセスは、フォントの選択から始まります。選
San Francisco フォントを探る - Qiita
San Francisco Font Family San Francisco はひとつの書体ではなく、SF Pro, SF Compact などと呼ばれ、それぞれに Text, Display, Rounded バージョンが存在します。Text よりも Display の方が多くのウェイトを揃えているのは、Text は視認性を重視した書体ゆえ、細いものは利用する想定にないからなのだと思われます。SFシリーズはVariable fontに対応しています。 SF Pro vs. SF Compact SF Pro は macOS や iOS, tvOS デバイスのシステムフォントとして採用されています。SF Compact は Apple Watch のシステムフォントとして採用されています。Compact は字が四角形に近い形をしていて、Apple Watch のような小さなデバイスでも視
メディアアーティスト 落合陽一氏 「魔法の世紀のフォントとは？」 | Webマガジン「AXIS」 | デザインのWebメディア
AXIS180号の表紙インタビューに登場いただいた落合陽一さんは、1987年生まれの若き研究者にして、気鋭のメディアアーティスト。2015年から筑波大学助教に就任し、現在、デジタルネイチャー研究室を主宰している。研究論文はシーグラフなどの国際会議で発表し、CGやコンピュータサイエンスの学会誌にも掲載されている。メディアアーティストとして発表した作品は、アルス・エレクトロニカやシーグラフ・アート・ギャラリーをはじめとして、各地で高い評価を受けている。2015年に刊行した『魔法の世紀』では、20世紀から21世紀への情報技術の急速な変化を、「映像の世紀」から「魔法の世紀」への移行と分析。このパラダイム転換は大きな話題を呼んだ。 プレゼンテーション用の資料などでAXISフォントを使っていただいていると聞きました。 大学生の頃から愛用しています。学生時代って、自分なりに制作環境を整えていく時期じゃな
オリジナルフォント「F5.6」について｜佐賀野 宇宙
昨日試験的に公開してみた新フォント「F5.6」に思った以上の反響があったので、連載の方をちょこっとお休みしてこちらでもう少し詳しく解説します。 コンセプト ライカのレンズなどに使用されている書体や機械彫刻用標準書体のような、機械的制約の中から生まれた独特の雰囲気の書体に、SF映画やアニメ作品などに出てくる直線な書体の要素を組み合わせ、自分なりに解釈・再構築してみよう。 という目標のもと作成しました。ようするに趣味全開です。 ちなみに書体名「F5.6」はカメラの絞り値が由来。 デザイン 全体的にはライカの書体に倣って文字幅や線幅が（なるべく）均一に見えるようにしました。縦横の比率は大文字の「O」を基準にちょうど3:2のバランスにしています。APS-Cイメージセンサーと同じ比率ですね。 縦長気味なので組んでも間延びしません。 線幅は横幅のちょうど1/5の太さに。小サイズでの視認性向上のため一般
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
iOS 6 or 7で「游ゴシック体」や「ヒラギノ丸ゴシック」を使う - 24/7 twenty-four seven
OS XではMarvericks (10.9) から「游ゴシック体」と「游明朝体」が標準搭載されたことで話題になりましたが、実はiOSでも6以上からこれらのフォントが使用できます。 iOS 6から追加ダウンロードフォントという仕組みが導入され、游ゴシック体などのフォントはその追加ダウンロードフォントという形で提供されています。 アプリケーションからは必要に応じてフォントをダウンロードして利用します。 フォント一覧 iOS 6で使えるフォントはアップルの下記のページに記載されています。 このページの下の方に追加情報として記載されているフォントがダウンロードフォントになります。 iOS 6：フォントリスト (http://support.apple.com/kb/HT5484?viewlocale=ja_JP&locale=ja_JP) 上記のページに記載されている追加ダウンロードフォントのう
オリジナルフォントを使ったデザイン - クックパッド開発者ブログ
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
リガチャなアイコンフォントをお手軽に作成する - アインシュタインの電話番号
リガチャなアイコンフォントを自作しようとするとけっこう大変そうで、そのためのアプリを揃えて操れるようになったり、リガチャの仕様を把握したり、専用のCSSを書いたりする必要がある。そういった正攻法のやり方としては、このページがとてもわかりやすかった。また、実際にそのページの方法によって制作されたLigature Symbolsも魅力的。 ところが自分が欲しいのは、Twitterで使っているアバターアイコンと、ブログのボタン等で使う5〜6個のアイコンを含んだ最小のセットで良くて、そのために前述のような本気を出して作るのは、なかなか重い腰があがらずにいたところ、アイコンフォントを手軽に生成できるサービスIcoMoonの中に、そのリガチャを作成する機能もあることに気がついた。^1 それを使ってみたら、予想以上に簡単にリガチャなアイコンフォントをサクッと作れた。 上のはそのIcoMoonを使って作っ
FontAwesomeKitを使ってiOS 7用のアイコンを動的生成する - Qiita
iOS 7用のアイコン探すの、面倒ですよね。 サイズ毎に違う画像を用意しないといけないし、 フリーの物は面倒なライセンスだったり、種類が少なくて欲しいのが無かったりします。 そんなあなたにFontAwesomeKit。 FontAwesomeKitはアイコンフォントから画像を動的に生成するライブラリです。 メリット 種類が豊富 FontAwesomeやioniconsといった種類が豊富な、複数のアイコンフォントに対応しています。 使いやすいライセンス FontAwesomeKit自体はMIT License、 各フォントはSIL Open Font Licenseや、MIT Licenseなど、使いやすいライセンスで提供されています。 サイズ調整や差し替えが簡単 フォントから指定したサイズのUIImageを生成できるため、 サイズを調整したり、別のアイコンに差し替えるのが楽です。 使い方
のらもじ発見プロジェクト
古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.
fontgraphic - FGゼロダウンロード
FGゼロTTFフォントデータダウンロード v.01---2013.09.21公開 v.02---2013.09.22ひらがなをより直線的、全体的にドット及びグリフ配置情報の調整 ひらがな、カタカナの特徴 FGゼロゴシックは、シャープでレトロな印象が特徴。特にカタカナは一切ノ丸ミヲ許サズ設計。零式艦上戦闘機の細部プレートに使われていた文字を忠実かつ、現代風にアレンジ。 英数字の特徴 半角英数字はトゥルータイプ幅2048emに対して、1400em等幅構造となっており、和欧混植の際に、日本語の中に自然に英単語や数字がとけ込むようなデザインを目指しています。本文としての英文字は一般的には没個性的なものが読みやすいとされますが、あえて個性を全面に出しながらも、ゆったりとした等幅構造をとることにより、可読性の高さとグレースケールの統一感に配慮。 零戦のタイヤ部分、緩衝脚柱部分の油と空気圧の説明プレー
フラットデザインに即採用！美しい日本語フォント。しかも無料。
最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外のフォントはかっこいいのがたくさんありますが、結局英数字だけなので日本語を使用したい場合はバラン
集団で街中のかっこいい文字を根こそぎ集めるぞ
古い看板や商店には、今の書体とは違う独特の文字が使われていることが多い。時々そういうのを見かけると、思わず写真に撮ってしまう。 今回、メディアセブンという施設でまさにそういうワークショップをやるらしい。みんなで街中の文字を集めるのだ。行ってみたらすごいことになっていました。
gdi++Heliumを越えた（？）と噂のMacTypeをインストールしてみた | 情報科学屋さんを目指す人のメモ
Windows上でフォントを綺麗に表示するソフトとして、現在はgdi++ Helium版やgdipp、ezgdiというソフトウェアがよく使われています。 これに対して最近、同じgdi++派生であるMacTypeというソフトがなかなか良さそうだと注目されるようになり、gdi++ユーザの間では、「gdi++ Heliumを越えたのではないか」、「MacTypeのほうがより詳細に設定ができる」などと話題になっています。 しかし、MacTypeの情報の多くは中国語であり、日本ではまだあまり知られていないソフトウェアのようです。 そこで今回は、日本語でMacTypeのインストール方法とその特徴について紹介したいと思います。 目次 1. サンプル2. MacTypeの特徴2.1. 64bitアプリケーションに対応！2.2. 設定作成ツールが付属！2.3. プロセスごとの適用状況確認ツールも付属！2.4
溺愛してやまない激オススメなシンプルフリーフォント、そして有料フォント | バンクーバーのうぇぶ屋
円高ですよ円高。この前、知り合いの日本在住WEB屋が「いい機会だから」と、日本円で大量にフォントを購入していてました。 僕がカナダに初めて留学生として来た4年前は１カナダドルが120円くらいだったので。今の70円くらいなのが目の錯覚に見えてしょうが無い今日この頃です。（ちなみに、カナダドルって日本人に馴染み無いかもですが、日本からみりゃ米ドルと大体一緒くらいですかね。） さてさて、先月有名フォントのことをまとめましたが、そんな円高に合わせてフォント大量購入な知り合いのこともあり、今回はその知人へのあてつけ（？）に「最近はフリーフォントもこんなにレベル高いんだぞ！」ということを伝えたいと思いましたので、そのまとめを書かせてもらいます。 ……と、思ったのですが、有料フォントでも最近だと結構低価格で買える物もいっぱいあるので、僕の好きなシンプルめで強調しすぎない有料フォントも有名所を中心に一緒に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2012年版、漢字も揃っている日本語のフリーフォントのまとめ
#LOVEFONT Advent Calendar 2012 - Adventar
Kern Type, the kerning game
