Adobe が公開したソースコードを表示するためのフォント「Source Code Pro」を早速使ってみた | TM Life
昨日 Adobe がソースコードを表示する目的として 開発した「Source Code Pro」というフォントを公開しました. ライセンスは SIL OPEN FONT LICENSE で SourceForge と GitHub で公開されています. また, Googe Web Fonts でサポートされていたので 早速使ってみました. Table of contents サンプルデモ 使い方 サンプルデモ サンプルは jsdo.it で作りました. Demo00 Demo01 Googe Web Fonts 経由で読み込み, textarea に適応させています. textarea に文字列を入力すると「Source Code Pro」が適応された文字列が表示されます. 全体的にキレイな印象です. また, I(アイ), l(エル), 1(いち)や O(オー)と0(レイ)の違いが明確で見
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
35 Free Fonts to Enhance Your Designs
Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Display typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. Type is combined with negative space, graphic elements and pictures, forming relationships and dialog between words and images. Color and size of
フォント管理ソフト、Nexus FontとフォントデータをDropboxに入れてクラウド化 / Maka-Veli .com
Twitterで少し話題になったので書かせていただきます。 （仕事はどうした） Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが（ヤバイ、もう完結した） 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
インストールせずに、好きなWeb Fontsを使おう
WebFontsとは WebFontsを利用すると、Web上にあるフォントファイルを読み込んでフォントを表示できます。これまではクライアントPCにインストールされているフォントのみが利用できましたが、WebFontsではクライアントにインストールされていないフォントを表示できるようになります。 以下のサンプルはGoogle Web Fontsで提供されるWebFontsを利用しています。サンプルは IE 9／Firefox 6／Chrome 12／Opera 11.5／Safari 5.1 で動作確認済みです。 このようにWebFontsを利用することで、さまざまなフォントによる表示や表現ができます。 それぞれのフォントにはライセンスがあります。サーバにフォントファイルを格納する場合は、再頒布に該当するため、注意が必要です。フォント提供サービスを使う場合も、ライセンスをしっかり確認しただし
モリサワも参入、ウェブ新潮流「クラウドフォント」とは?【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 書体データ販売のモリサワが8月10日に参入を表明したクラウドフォントサービス(「TypeSquare」という仮称で2011年度中に展開)は、書体データをクラウド上に展開し、インターネット経由でデータを配信するというもの。必要なデータを適時ダウンロードすることができるため、スマートフォンなどストレージ容量が小さくデバイスでもフォントをインストールすることなく利用できる。しかし、実際、どのように使うものなのかピンときてない人もいるのではないだろうか。 仕組みは単純だ。ウェブページのスタイルシート(CSS3)でフォントのデータが書かれたURLを指定するだけ。ページを表示する際に、当該フォントデータをダウンロードしにいく仕組み。フォーマットはウェブ用途に特化したWOFF=Web Open Font Formatという形式が使用されていることが多い。WOFFは、2011年8月4日
フォントワークス/イワタ/モトヤが使えるWebフォントサービス「フォントプラス」
筑紫オールド明朝・筑紫A丸ゴシック・筑紫ゴシック・ユトリロ・マティス・ロダン・スーラなどの有名フォントをウェブフォントとして利用できるのが本日から開始されたウェブフォントサービス「フォントプラス」です。 フォントプラス http://webfont.fontplus.jp/ 現時点ではフォントワークスのフォント268種類が用意されており、以下から確認することができます。近日中にイワタとモトヤにも対応するそうです。 対応フォント一覧 | サービス紹介 | フォントプラス http://webfont.fontplus.jp/service/fontlist 筑紫オールド明朝 筑紫A丸ゴシック 筑紫ゴシック ユトリロ マティス ロダン スーラ 欧文フォントはファイルサイズが軽く数百キロバイトしかないのがほとんどなのでウェブフォントは割と使われているのですが、日本語フォントはやたらと文字数が多く
mbedエディタのフォントを変更するブックマークレットとchrome拡張機能 - ELECTLOGIC
前回の記事でmbedエディタのフォントを変更する方法を書きましたが、毎回デベロッパーツールから変更するのは面倒なので、簡単に変更できるようにブックマークレットとchrome拡張機能を作ってみました。ブックマークレットはchromeだけじゃなくFirefoxやSafariなどにも対応しています。 ブックマークレット javascript:(function(){ var font = "Courier New"; /*フォント名を指定*/ var font_size = "13px"; /*フォントサイズを指定*/ var styleElem = document.createElement("style"); styleElem.appendChild( document.createTextNode(".editor_cursor, .editor_line, .editor_line_
デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
デコもじは2016年11月30日（水）をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
ついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
有名なデザインブログのロゴで使われているフォント集 – creamu
Build Internet!で、有名なデザインブログのロゴで使われているフォントがまとまっています。 ざっといくつかご紹介。 Woork Up – FFF Forward SpoonGraphics –Strait Line25 – Helvetica® Condensed Bold Tuts+ Network – ITC Lubalin Graph Demi Build Internet! – Myriad Pro Black Italic 有名でかっこいいブログが揃っていて、かなり刺激的なエントリーになっていますね。 画像からフォントを調べる場合は、以下のサイトが結構使えるので参考までに。 画像から何のフォントか調べてくれる『WhatTheFont!』 その他のリストは以下からどうぞ。 Fonts Used In Logos of Popular Design Blogs そろそろ寝
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
フリーフォントのダウンロードサイト「フォントAC」
IDEA * IDEA
IDEA * IDEA
新着記事
商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirrel | コリス
IDEA * IDEA
女の子が書いたような可愛い英字フォント「alliewriting」:phpspot開発日誌