HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mai[email protected]" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
gdi++ Helium、gdipp は、Windows のフォント描画を乗っ取りフォントを綺麗に表示させよう、というソフトです。ＭＳ Ｐゴシックなどのビットマップフォントにもアンチエイリアスをかけることができます。 上が gdipp を有効にした表示です。標準のフォント表示と比べて、ずっと綺麗で読みやすい文字になっています。ひとつソフトをインストールするだけで、ここまで変わります。 少しだけ、歴史的経緯。読み飛ばしてもどうぞ。↓↓ かつて、gdi++.dll というソフトがありました。大きなサイズで描画させたフォントを縮小させて表示させる仕組みでした。 しかし、拡大縮小の方法では綺麗に表示させようにも限界に達したため、gdi++ は方向を大きく変え、FreeType というライブラリを利用します。要するに、Linux と同じ用なレンダリングエンジンを使おう、という発想です。 オープンソー
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
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Beaver 個人・商用利用無料。 Thisis 個人・商用利用無料。 NeoDecoa 個人・商用利用無料。 [ad#
・フリーのフォントが欲しくて色々調べていたら、思いのほか素晴らしいサイトが沢山見つかったのでまとめてご紹介。（主に自分用なので、まとめ方はざっくりてきとうです） 記事が自動展開されない場合は以下のリンクをクリック↓
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
やさしさゴシックはどんなフリーフォント？ フリーフォントのやさしさゴシックは、自由にダウンロードし、商用・非商用問わず使用できます。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * IPAフォント (IPA_Font_License_Agreement_v1.0.txt) * M+ (LICENSE_J,LICENSE_E) Copy
日本デザインセンター / Andreas Pihlström / TYP他...全14件
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の２つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです（Chromeで画像化しています）。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の transform を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1.01); -moz-transform-origin: 0 0; -moz-transform: scale(1, 1.01); -ms-transf
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
自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、（特に商用）利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
Making the web more beautiful, fast, and open through great typography
『FontBook™ 』は、欧文フォントのダウンロード販売をおこなっている「FontShop」がリリースした、iPad用のフォント見本帳アプリです。 100のフォントファウンドリー、62万超の書体をさがすことができ、フォント好きの方なら見ているだけでも楽しいアプリです。 少し長いですが、まずは開発元の動作ムービーをご覧ください。 フォントの形状、名称、デザイナー、製作年、フォントファウンドリーなどから、フォントをさがすことができます。 ここでは、フォントの形状からさがしていますが、フォントの収録数によってレイアウトの大きさが異なります。 各フォントの詳細ページでは、フォントのサンプルやファミリー別のリストを閲覧できるほか、右側をスライドするとウェイト別に並べたり、キャラクターリスト、フォントの詳細情報を見ることができます。 画面右上の「+」アイコンをタップするとボタンを表示し、表示中のフォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
