「源ノ角ゴシック」構想は25年前から--“フォント愛”あふれる米アドビ書体チームに聞く
今やフォトレタッチからビジネス文書の作成、映像制作やDTP、さらにはウェブ制作に至るまで、あらゆるプロフェッショナルシーンに活用できるソフトウェアを提供しているアドビ。それらのソフトウェアに欠かせない、しかしあまり意識することのない要素の1つがフォントではないだろうか。写真の加工やドキュメントの作成時に普段何げなく使っている日本語テキストだが、日本語をグラフィックとして正しく表現するには、正しくデザインされたフォントが不可欠となる。 そんなフォントの開発を先導してきたアドビのなかでも、初期から関わってきた技術者と責任者が、東京で開催されたフォントの祭典「ATypI」のために来日、本誌のインタビューに応じていただいた。米アドビで書体開発チームのシニアマネージャーを務めるダン・ラティガン氏と、同タイプアーキテクトのケン・ランディ氏の2人が、アドビがフォントに力を入れる理由、それぞれがフォント開
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
[商用利用OKな中国語のフリーフォントまとめ] 他 海外のフリーフォント情報 | WEBデザインすーぷ
2015年3月11日 フリーフォント 無料中国語フォント FREE CHINESE FONTS 129 traditional/simplified Chinese fonts for free! 129の伝統的な/単純化された中国語のフリーフォント！（商用可のフォントは14、129は個人利用用です） 商用利用可能な中国語のフリーフォントです。初めて中国関連の案件を受けると今までにない沢山の問題にぶつかると思います。中国IPを弾いていたり、中国側でブロックされているサービスはもちろん使えないですし、フォント絡みの問題もあります。文字の種類が多いことは日本語同様WEBフォントの面で大きな問題を抱えていますし、フォントが高価な原因でもあります。商用利用に使える中国語のフリーフォントは貴重なのでブックマークしておくといざという時に役立ちます。 中国語フォントのビギナーズガイド。英語の読み物系です
![[商用利用OKな中国語のフリーフォントまとめ] 他 海外のフリーフォント情報 | WEBデザインすーぷ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3c225f7f5d9eb27c5b838158146431a0e9e209d/height=288;version=1;width=512/http%3A%2F%2Fi1.wp.com%2Fweb.html-css-javascript.com%2Fwp-content%2Fuploads%2F2015%2F03%2Fi9.jpg%3Ffit%3D723%252C240)
テキストの外形をsvgにする、text2svgをRubyで作った - スペクトラム
テキストとフォントファイルを与えると、テキストの形をsvgで表現した出力が出てくる夢を見たことがありますよね？ 作りました。 github.com $ text2svg "Hello, World\!" --font="/Library/Fonts/Times New Roman.ttf" > test.svg $ open test.svg -a /Applications/Google\ Chrome.app な感じで試すことができます。 freetypeを使っているのでこちらのインストールが事前に必要です。 $ brew install freetype svgでは、<text>タグで文字を表現するのが普通ですが、表現したいフォントが決まっている場合フォントファイルのダウンロードを必要とします。 テキストの外形をsvgのpathにして<path>タグで表現することができれば、 サーバ
webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」
TOP > Design > webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」 日々、次々と新しい素材がアップされており、膨大な数の中からどれを選ぼうか迷ってしまうこともあるのではないでしょうか？そんな中今回紹介するのは、webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」です。 CSS3/jQuery Panel いろいろな種類のフリー素材が紹介されており、どれも使ってみたくなるクオリティの高いものばかりが揃っています。 詳しくは以下 Flat Text – icon sets フラットテイストのアイコンセット。シンプルかつミニマルなデザインなので、さまざまな種類のサイトで使
sprite画像はもう終わり？gulpでIcon Fontをつくろう！ | Goodpatch Blog
こんにちは。太朗です。 最近案件で使ったアイコンフォントが便利だったのでご紹介致します。 アイコンフォントのメリット スプライト画像はちょっとした色やサイズの変更も画像なので面倒ですよね。アイコンフォントを使えば色やサイズをCSSで自在に編集できるのでメンテナンスがかなり楽ちんです。なお、ベクターデータなので高解像度デバイスにも対応できます！ アイコンフォントをgulpで作る では、どうやってアイコンフォントを作るのか？作り方は色々ありますが、一番手っ取り早いのはgulpで自動で生成させることです。なおgulpのインストールなどは省略させてもらいます。 以下がgulpファイルの例です。 gulp.coffee 'use strict'; gulp = require 'gulp' $ = require('gulp-load-plugins')() # svg を圧縮する gulp.tas
fontcustomで、アイコンフォントを作ってみる
/* Font Custom - icon webfonts made simple */ @font-face { font-family: "fontcustom"; src: url("fontcustom-UNIQUEHASH.eot?#iefix") format("embedded-opentype"), url("fontcustom-UNIQUEHASH.woff") format("woff"), url("fontcustom-UNIQUEHASH.ttf") format("truetype"), url("fontcustom-UNIQUEHASH.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } /* Bootstrap Overrides */ [class^="
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
Fonts In Use – Type at work in the real world.
Advertising (1830) Album Art (3527) Art/Illustration (462) Booklets/Pamphlets (2026) Books (5572) Branding/Identity (6907) Ephemera (1062) Exhibition/Installation (935) Film/Video (887) Infographics/Maps (487) Magazines/Periodicals (1641) Mobile/Tablet (766) Newspapers (255) Object/Product (958) Packaging (2043) Posters/Flyers (4846) Signs (1851) Software/Apps (285) Web (4689) Acumin (54) Adobe Ca
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
漢字が使える日本語フォント 無料ダウンロード 46種類 : 4GALAXYのメモ
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
PingMag - 東京発 「デザイン＆ものづくり」 マガジン » Archive » mixiをより良くするためには
ED治療薬（勃起薬）は様々な違いがあります。持続時間、作用時間、効果の強さ、食事の影響などの比較をご紹介しています。 サイトマップ ED治療薬（勃起薬）の比較・違い ED治療薬（勃起薬）は、現在のところ４種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、食事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬！ バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか？ バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療
Emacsできれいな日本語フォントを使いたい【解決編】
多くの人のサポートがあり、ついに解決しました。アドバイスを下さった皆様ありがとうございました。 結局ひげぽんがXやフォント周りの仕組みを一切理解していなかったことが原因ではまっていたというオチでした。 ただ同じようにはまる人はいると思うのでできるだけ詳しく書いておこうと思います。 実現したかったことと経緯 coLinuxのubuntuをセットアップしてcygwinのXWin.exeでデスクトップ環境の利用をはじめた。 その際にemacsの日本語フォントがとても不恰好でどうにかしたいと思った。 そこで以下のようにフォントをインストールした。 apt-get install ttf-sazanami-gothic apt-get install ipafont apt-get install xfonts-shinonome で、.Xdefaultsに使用するフォントを書けばよいらしいというこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://post.simplie.jp/posts/107
デザイナーこそ覚えておきたいCSS最新事情！ あなたの知らないfont-familyのイマ
Icons | Font Awesome
http://blanka.co.uk/50_years_of_helvetica/
Vitaly Friedman's Notebook: 25 Best Free Quality Fonts