2022.1.18 チラシやパンフレット、カタログに掲載する価格。「値組み」とも呼びますが、この価格表記にどんなフォントを使うか、デザイナーにとってはひとつの考えどころではないでしょうか。 価格をどう見せるかは業種や媒体などによっても変わってくる、意外と奥の深い世界。今回はこの価格表記のみに着目して、フォントを考えてみたいと思います。 最初はDINです。デザインに詳しくない方でも「どこかで見たことがある」と思われるかもしれません。代表的なところで言えば、ユニクロで使われているフォントがDINをベースにしたものですね。 また、ユニクロ以外のチラシでもかなり見かけます。視認性が良くて、シャープなフォルム。情報量の多いチラシでも埋没しにくく、目に留まりやすいあたりが支持されていると思います。 アパレルから家電、大手スーパーまで幅広い業種で使われていて、チラシはもちろん、通販カタログなどでも多用さ

コロンビア大学の研究チームは、テキスト情報を密かに保存する手段として、情報隠ぺい技術（ステガノグラフィ）「FontCode」を開発した。何らかの物を人目につかなくしたい場合、“木は森に隠せ”などと言われるが、同チームの考案した技術は“文字を文字に隠す”手法である。 FontCodeは、任意の文章を利用し、その文章を構成するフォントの形状を微妙に変えることで別の情報を文章内に埋め込む技術。フォントの形状変化はわずかで、元文章の内容は改変されないため、見ただけでは情報が隠されていることなど分からないという。 隠したい情報は、ASCIIまたはUnicodeでビット列に変換し、さらに整数情報へと変換する。そして、この整数値を利用してフォントの形を変えることで、情報を埋め込む。隠ぺいした情報は、変形済みの文章をスキャナやスマートフォンのカメラで画像として取得し、フォント本来の形状と比較すれば取り出せ

Tenderness is licensed under the SIL Open Font License, Ver 1.1 ドットコロンのフォントはWebサイトや印刷物、ロゴタイプなどへの使用はもちろん、改変・再配布等も自由に行って頂いてかまいません。 商標登録が必要なものに関しても同様です。ただし、ドットコロンのフォントは無保証です。インストールや使用方法に関するご質問はお受けできません。 また、ドットコロンのフォントを使用したことにより何らかのトラブルが発生しても、ドットコロンは一切責任を負いません。 Tendernessはオールドローマン体の骨格や肉付けを参考に柔らかい印象を持ってもらえるような書体を目指して製作したセリフフォントです。 前バージョン0.501からあらゆる点を見直し、xハイトを高く、セリフの形状を改めることで可読性を向上させました。主線の太さも抑え気味にし、よりス

FF14のPLLなどの英語部分やロゴタイトルに使われているひろしHQのかっこいい書体 風のフォントをつくりました ダウンロードサイト -----追記----- FF14で使われてるフォントをこちらでまとめています！ nippori30.hatenablog.com

OpenTypeフォントの軽量化と自動カーニング 公開日：2017年02月16日 OpenTypeフォントの機能を残しつつ、サブセット化するための手順です。 目次 筆者の環境 OSX 10.11.6 ( El Capitan ) Python 2.7.10 やりたいこと 日本語フォントをWebフォントとして使うために軽量化したい CSSの font-feature-settings: 'palt'; で文字詰めしたい つかうもの FontTools 武蔵システムさんのサブセットフォントメーカーでは、カーニング情報が削除されてしまうため、こちらのツールを使います。 フォントファイル 軽量化したい OpenTypeフォントを用意します。 今回は Noto Sans Japanese を軽量化してみます。 ファイルは Noto Sans CJK JP よりも軽い、源ノ角ゴシック( Source

結論: pyftsubset --layout-features='*' を使え 経緯 はじめ、Noto Sans CJK JPをWebフォントとして使うためにサブセット化したくていろいろやってたのですが、全然うまく行きませんでした。というのも、CSSでfont-feature-settings: 'palt';したいのに、武蔵システムのサブセットフォントメーカーはOpenType機能を削除してしまいますし、かといってFont Squirre Webfont Generatorを初めとするサブセット化Webサービスには、そもそもフォントサイズが大きすぎてだめって言われるか、502 Bad Gatewayか、無かったことにされるかします。 フォントサイズ？ そういえばNoto Sans CJK JPと同じグリフでできているAdobe Source Han Sans JPは、たしか前者よりサイ

Noto Serif CJK（源ノ明朝）の font-feature-settings:palt 対応サブセットフォントを作るfontNotoSansfonttoolsNotoSerif はじめに 2017年4月に Google と Adobe による共同開発フォント「Noto Sans CJK（源ノ明朝）」が発表されました。 さっそくサイトでも使いたいところですが、そのままでは1ウェイトあたり約23MBもあるのでユーザーにかなりの負担を強いてしまいます。そこでサブセットを作ることにしました。 ここで言う「サブセット」とは必要な文字だけを抜き出したフォントファイルのことです。 サブセットフォントメーカーは使わない 以前は武蔵システムさんの「サブセットフォントメーカー」という大変素晴らしいツールを使っていましたが、OpenTypeFontの情報をごっそり削ってしまいます。そのため CSS の

GT America GT America builds a bridge between the American Gothic and European Grotesque typeface genres. It combines design features from both traditions and unites them in a contemporary family. The versatile system consists of eighty-four styles across six widths and seven weights. Exclusively available at Grilli Type.

【2017/11/2 追記】 Chrome62では下記の記述が効かなくなったようです。 （boldも効かなくなる） Chromeの仕様がコロコロ変わるので、游ゴシックに対するfont-faceの記述はやめておいた方が良いかもしれません。 Windows版Chromeでは、「游ゴシック」が汚く表示（かすれて薄い）されてしまいます。 Chrome57まではこちらの方の指定方法で対処出来たのですが、58以降ではこの指定は動かなくなりました。 【追記】 Chrome58以降に対応したコードにアップデートされました。 細かく解説もされているので、参考になります。 「Yu Gothic Medium」だけを指定するとか、font-weight: 500;を指定する等の対処をしている方もいるようですが、納得がいかないので「@font-faceでYu Gothicの指定を調整する方法」で記述してみました。

游ゴシックを一瞬でクロスプラットフォームにするたったひとつの方法 2016-12-17 これはステマポエムです 時は2013年、かつてないほど美しく汎用性の高いフォントが二大OSにバンドルされることとなった。 その名は、游書体。 いままでMac、Windows両方のOSに同じデフォルトフォントは入っていなかっただけに、フォント指定におけるシルバーブレットになるかと思われた。 しかしMacとWindowsの游書体はPostscript nameと搭載ウェイトが異なり、Web開発者にはMacユーザーが多いためこの事に気づかずWindowsユーザーを中心に「游ゴシック見づらい」というインプレッションが広まった。 その後現在に至るまでこの差異を埋めるためのfont-family、@font-face指定を紹介する記事がReact入門記事並みに大量生産された。 モダン日本語フォント指定 // Spe

日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Googleも負けじと頑張っている。最新iPhoneで撮影できる「動く写真」Live PhotosをループGIFアニメに変換するiOSアプリ「Motion Stills」を発表したり、アカウント情報でなくしたiPhoneを発見できるようになったり。テクノロジーの発展って素晴らしい。でもそんなことより、ぼくの中で断然注目度が高いのは、やっぱり１週間前に行われたGoogle Fontsのリニューアルだ。 Google Fontsというのは、Webフォントの無料サービス。これを使えば、簡単なコードをちょっと書くだけで、ブログのフォントをお洒落に飾ることができる。 機能が大幅に変わった…とまでは言わないけれど、なんだか野暮ったい感じの雰囲気を脱してマテリアルデザインにシフトし、デザインにもGoogleっぽさが出てきた(フォントだってデザインを構成する一要素なんだから、ダサいと嫌でしょ？)。アイコン