文字の上にカーソルを置くだけでフォント名やサイズを特定、試し打ち＆ダウンロードも可能な「Fontface Ninja」
ウェブサイト上で「このフォントいいなあ」と思った時にカーソルをかざすだけでフォントの種類やサイズを知ることができ、さらにその場でフォントの文字を試し打ち＆サイズの変更などが可能で、わざわざフォントのダウンロードページを開かなくても閲覧していたウェブサイト上からフォントのファイルをダウンロードまでできてしまうというGoogle Chrome拡張機能＆Safariプラグインが「Fontface Ninja」です。 Fontface Ninja http://fontface.ninja/ Fontface NinjaはGoogle Chrome拡張機能とSafariプラグインがあり、ブックマークレットは現在開発中のようです。今回はGoogle Chrome拡張機能を使用してみます。 Google ChromeでChrome ウェブストアのFontface Ninjaのページを開きます。 右上に
UniView
How to Convert Text to Unicode Code Points How to Convert Text to Unicode Code Points The process for working with character encodings in Python, or converting text to Unicode code points at any point in time, can be incredibly confusing, complex, and convoluted – especially if you aren’t particularly familiar with the Unicode language to begin with. Thankfully though, there are a lot of tools (an
【まとめ】同人誌の本文用フォントはこれでいいんじゃね？（有料フォント編） - 遠近法ノート
さて皆様、年末の入稿はもうお済みでしょうか？ この時期にアレですけど、今回は、もう一歩踏み出して、ちょっとだけがんばってひとつだけフォントを購入してみよう編、です。前回（もうだいぶ前だけど）のは、いわば導入編でありまして、こちらが本編なのです。 キレイな誌面を作ろう！ という場合、書体をいろいろ使い分けるのはかえって逆効果なのです。 たいていの人は、楽しいデザインにしようとして、ワープロソフトなんかにくっついてきたいろんな書体を使ってしまいます。ですが、複数の変わり書体を制御するのは難易度が高いもの。結果、素人っぽい誌面になってしまうわけです。面白い書体を使ったからといって面白い誌面になるわけでもないんですね。 ではどうするか？ 思い切って使う書体をひとつだけにしてしまうんです。 その書体はスタンダードなものを選ぶわけですけど、それじゃあやっぱり、付属のフォントやフリーフォントでは不満……
FontFont Font Foundry | MyFonts
Based in the trendy district of Kreuzberg in Berlin, Germany, FontFont was established in 1990 when FontShop founder Erik Spiekermann and fellow type designer Neville Brody wanted to build a foundry where type was made for designers, by designers; a place where type designers were given a fair and friendly offer and where true type magic was made. “From the very beginning,” representatives of the
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
Web font hosting services - An Overview - by sprungmarker.de
This is just a personal driven overview of web font hosting services and should not be understood as an authoritative attempt to classify the services - as it was mentioned to me. I needed an overview and there was none, so I made one. :) I provide a change log so far and I will try to keep informations up to date. If you want to be added or have further informations, just write me a note: webfont
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
Google Web Fontsの全書体をプレビュー
Google Web Fontsの全書体を一気にプレビューするツールを作った。公式のFont Previewerを使ってるとサンプル文字列が突如リセットされたりとかアレだったので……。 使い方は左の入力ボックスにプレビューに使う文字列を、右のテキストボックスにフォントサイズをpx単位の数字で入力してボタンをクリック。クリック！ 手抜きなのでEnter押してもダメ！ すると下にズラッとプレビューされる。太字にしたりスモールキャプスにしたりとかの細かいスタイル指定はFirebugやDeveloper Toolsとかでやれば良いと思う。.previewというクラスのスタイルをいじれば反映される。contenteditable使ったスタイル編集機能とかなら付けてもいいかもしれない。 ソースを見ればわかる通りYQLで公式のFont Previewerをスクレイピングしてフォント名一覧を入手し、あとは
Hints of fonts on the web -- Introduction
Section 1：概説 Section 2：画像化テキスト Section 3：サンセリフ欧文(1) Section 4：サンセリフ欧文(2) Section 5：サンセリフ欧文(3) Section 6：セリフ欧文(1) Section 7：セリフ欧文(2) Section 8：セリフ欧文(3) Section 9：草書系・筆書系欧文(1) Section 10：草書系・筆書系欧文(2)・装飾系欧文 Section 11：等幅欧文・その他の欧文 Section 12：ゴシック系和文(1) Section 13：ゴシック系和文(2) Section 14：明朝系和文(1) Section 15：明朝系和文(2) Section 16：その他の和文 Appendix A：無償利用できるフォント Appendix B：Windows の標準フォント Appendix C：PostScript
Technical Considerations - Google Font API - Google Code
Technical Considerations This document provides some technical information about what's going on behind the scenes when you request a web font with the Google Font API. This document also gives information about browser-specific behavior. If you just want to use the Font API, you don't need to read this page. However, reading this page may help you improve page load performance. Contents What is t
CSSで縦のグリッドを揃えてみるます - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 1年以上前のSugamo.cssで出したネタ。もうちょい纏めてから出そうと思ってたけど、いつまでたっても手を付けられないうちに風化しだしてきたから、えいやっと張るだけ張ってみることにした。（サンプル） 何をやっているかというと、まあつまり、本文組の行間サイズで全部揃えてみたら心地良いリズムになるんじゃね？という実験。当然、毎回手動で各要素をpx調整するのはクールじゃないから、あらかじめ<p>とか<pre>とか<blockquote>とかにルールを設定しといて、テキスト流し込むだけで良い感じにならないかなー、と。 まあ結論としては、「こんなのWebじゃねぇ」といった感じ
プログラミングに最適なConsolasとかInconsolataとか - os0x.blog
でInconsolataだけが紹介されているので、おまけ情報を少々。 Inconsolataというのは、Windows Vista/7 に標準で付属しているConsolasフォントに感銘を受けた作者がConsolasを意識して作ったフォントです。 ConsolasのほうはVista/7だけでなく、Visual Studioに付属してたりもします。一応、こちらからダウンロードもできるようです。 Download: Consolas Font Pack - Microsoft Download Center - Download Details Windows(少なくとも7では)ではConsolasのほうがより(ClearTypeの効きが)綺麗だと思います。というか、InconsolataはWindowsだとどうも今一つ…、ただMacやLinuxではWindowsでのConsolasと同じくら
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
CSS Font Size Conversion Chart
Here is a chart that will help you find the conversion of pt,px,ems and %. The chart is good for an approximation, font size can change based on font, and operating system. Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05
安全な@font-faceの書き方(抄訳)
Internet Explorerではかなり昔からあった埋め込みフォント(@font-faceによるフォントの参照)の機能は、Safari 3とFirefox 3.5で有効になったことから急速に話題になることが増えた。ようやく時代がMicrosoftに追いついてきた感じですね。その書き方は大筋では一緒なのだが、細かな仕様の違い、というかIEがEmbedded OpenTypeしかサポートしていないことから工夫が必要になる。その工夫をBulletproof、つまり将来にわたって安全であろうという観点で短くまとめたBulletproof @font-face syntaxというすごく参考になったエントリがあったので訳しておく。語調などは超訳なので、原文とニュアンスが変わっているかもしれない。 安全な@font-faceの書き方 以下は訳注と私見。 条件付コメント 面倒くさいというのはわからなく
the ragbag
arial & helvetica on friday, i hosted a screening of helvetica for some buddies of mine that didn’t know that there were other typefaces besides times new roman. it turns out, there ARE other typefaces and one of them is helvetica (and another of them is papyrus.) the documentary does not explore the relationship between helvetica and microsoft’s derivative, arial. so to help ignite the post-viewi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Font comparer
AXIS font | オンラインショップ | 株式会社アクシス
商用でも無料で利用できる高級感のある細字のフォント集
2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集