TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。 Adobe Blankのサイズ削減 Adobe Blankはそのまま使うと30KB以上ある。読み込み完了検知だけなら幅0のグリフが1つあればそれで良いので、まずはサブセット化してサイズを抑えることから。aだけのWOFFなAdobe Blankを作ればちょうど1KBくらいになる。 Download: adobe-blank.woff @font-face定義の追加 外部リクエストにすると意味が薄れるのでDa
iOSで線や図形を描画するには、Quartz 2Dを使います。Quartz 2Dは文字も描画できるのですが、UTF-8の日本語文字を描画する方法がどうしてもわからなかったので調べてみました。 こちらとかこちらのページによると、日本語のフォントを指定した場合は、文字の描画にCGContextShowTextAtPointが使えないらしい。代わりにCGContextShowGlyphsAtPointを使うことになるらしいのだけど、そのためにはGlyph(文字の形状)を用意しなければならず、そのために使えるCGFontGetGlyphsForUnicharsという関数は非公式APIなのでAppleにリジェクトされてしまうのだとか。 上のページにはそれを解決する方法とコードが書かれているのだけど、私には難しすぎるので、Quartz2Dで描画するのはあきらめて、もっと簡単な方法がないか探してみたとこ
Canvasにテキストを描画する際など、思い通りの位置に描画するためにはFontMetricsを使用して座標を計算します。 Androidの場合も基本的な考え方はjava.awt.FontMetricsと同じです。 FontMetricsの基本 中心線上に文字列を描画 吹き出しを描画 サンプルのソースコード FontMetricsSampleView.java FontMetricsの基本 ポイントとなるのは下記の4つの座標でいずれもベースラインからの位置を示しています。 ・FontMetrics.top ・FontMetrics.ascent ・FontMetrics.descent ・FontMetrics.bottom 図にすると下記のようなイメージになります。 ●がテキストを描画する際に指定した座標です。 // テキスト用ペイントの生成 Paint textPaint = new
文字列をキャッシュしたい場合なんかに有効かも。 UIImage* CreateImageFromString(NSString* str) { // この辺は引数にするなり何なりで適当に。 UIFont* font = [UIFont systemFontOfSize:12]; float r, g, b, a; r = g = b = a = 1.0; CGSize size = [str sizeWithFont:font]; int width = size.width; int height = size.height; int pitch = width * 4; CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); // 第一引数を NULL にすると、適切なサイズの内部イメージを自動で作ってくれる CGCont
Update 2015-12-04: The official release of Inconsolata is at Google Fonts, and official upstream is on github. These versions have better Windows hinting and some fixes. I also have an experimental version (tentatively titled InconsolataGo) with straight quotes in the inconsolata directory here. Inconsolata is my first serious original font release. It is a monospace font, designed for code listin
いつもABARSの運営するサービスをご利用いただき、どうもありがとうございます。この度、運営中の下記のサービスを、2023年1月31日をもって、終了させていただくこととなりましたので、お知らせさせていただきます。 [終了するサービス] ・イラストブック ・メトセライズデストラクタを含む各種ゲーム ・ABARS ADDON [終了する媒体] ・ABARS公式ページ(abars.biz、abars.net) ・BLOG [継続するサービス] ・TDNetSearch ・TDNetView 終了するサービスに関しまして、Adobe Flash、Python 2.7をベースとして開発しており、Adobe Flashは開発終了、Python 2.7はメンテナンスフェーズに入っており、現状のコードベースでは大きく手を入れない限り運営を継続することが難しくなっており、この度、サービス提供を終了させていた
お知らせ Ricty および Ricty Diminished は、2010 年代前半には欧文・和文合成プログラミング用フォントとして先駆的でしたが、現在は前時代的な存在となっています。不具合もいくつか確認されています。良質なプログラミング用フォントが数多く登場していますので、それらの利用をおすすめします。 序文 Ricty Diminished(リクティ・ディミニッシュト)は Ricty の姉妹フォントであり、 Linux 環境での研究・開発を想定したプログラミング用フォントです。テキストエディタやターミナルエミュレータ、プログラミング言語やマークアップ言語に対する使用に適しています。Inconsolata と Circle M+ 1m の合成、および、プログラミング用フォントとしてのいくつかのチューニングを行ったフリーな TrueType フォントを配布しています。JIS 第二水準の漢
お知らせ Ricty および Ricty Diminished は、2010 年代前半には欧文・和文合成プログラミング用フォントとして先駆的でしたが、現在は前時代的な存在となっています。不具合もいくつか確認されています。良質なプログラミング用フォントが数多く登場していますので、それらの利用をおすすめします。 序文 Ricty(リクティ)は Linux 環境での研究・開発を想定したプログラミング用フォントです。テキストエディタやターミナルエミュレータ、プログラミング言語やマークアップ言語に対する使用に適しています。Inconsolata と Migu 1M の合成、および、プログラミング用フォントとしてのいくつかのチューニングを行う生成スクリプトを配布しています。Inconsolata 作者の Raph Levien 氏、Migu 1M 作者の itouhiro 氏、M+ M Type-1
-○●の意味:-は非対応、○はある程度対応、●はフル対応 等幅 or プロポーショナル 半角英数字の、次の文字までの距離が文字ごとに異なると、プロポーショナル(可変幅)フォントと呼びます。距離が一定なら「等幅(とうはば)」フォントと呼びます。 全角ひらがな・カタカナもプロポーショナル プロポーショナルフォントの中にも、全角ひらがな・カタカナが可変幅なものと等幅があります。Migu 1Cでは全角ひらがな・全角カタカナ・役物(「」『』【】・の7文字)を可変幅にしました。 行間(縦の高さ) 行間は、適度に広いと文を読みやすくなります。しかし等幅フォントが使われる分野のひとつ、プログラミングでは「行間をせまくして、画面に より多くの行を表示できる」ほうが好まれます。 半濁点が大きい 半濁点(ぱぴぷぺぽパピプペポ の右上の円)を大きくして、濁点と判別しやすくしています。 0O(数字ゼロ・大文字オー)
MigMix(ミグミックス)フォント MigMixフォントは、以下の特徴があります。 M+フォントをなにも改変せず、そのまま取り入れた ただしボールド体の扱いが異なる。下の項目で説明します IPAゴシックを合成して、漢字をJIS第1水準~第4水準まで持つ 太字(ボールド体)の扱い MigMix 1P ⇔ 2P ってどこが違うの? ダウンロード MigMix 1P migmix-1p-20200307.zip (約4MB) のダウンロード 『伝わるデザイン|研究発表のユニバーサルデザイン』で推薦されました。 MigMix 2P migmix-2p-20200307.zip (約4MB) のダウンロード 上の MigMix 1Pとの違いは、全角ひらがなカタカナと英数字のデザイン。 MigMix 1M migmix-1m-20200307.zip (約4MB) のダウンロード フォント名の「M」
2010/01/22 プログラミング・フォントTop10 Slashdotにもフォントに関するタレコミがあったが、Dan Benjamin氏がブログで面白いエッセイを書いていた超訳を。 私は書体マニアで、フォントの選択に一日中コンピュータ画面を見続けることがあるくらい、かなりうるさい人間です。最近、私の友人がターミナルやコーディング画面で標準以下の書体(ここで書体名を挙げることができないくらい)を使っているのを発見し、顎が落ちてがっかりしました。そのため、この記事を書くことにしました。 以下が簡単に入手可能な等幅フォント、トップ10をまとめたものです。これらのフォントの多くは今のオペレーティングシステムの中にバンドルされていますが、大部分は無償でダウンロード可能です。いくつかのフォント、例えばConsolasは有料ソフトウェアの一部です。 アンチエイリアスの注意 過去に、小さな等幅フォント
Comments» 1. ひ - 2007-8-30 久しぶりの font 選びができて楽しかったです。 ぼくも vim 使いなので、このページを参考にさせていただきました。 ありがとうございました。 2. nase - 2007-8-30 コメントありがとうございます~。参考にしていただけたようでよかったです。好みのフォントが見つかると、いっそうエディタに愛着がわいてきますね。 3. monad - 2009-8-19 本当に、ありがとうございます。 開発をW2Kでやっているので、最近のMSのフォントを使えなかったんです。 GDI++によって、コーディングの楽しさが増すような感じです。 ありがとうございます。 4. nase - 2009-8-19 どうもです!記事を書いてから結構経ちましたが、現在もGDI++愛用中です。W2Kでも役立つのですね。 5. ゲスト - 2012-9-17
文字を判別しやすくプログラムソースの編集に適した手書き風日本語フォント「ゆたぽん(コーディング)」v0.71が、12月21日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPで動作確認した。現在、作者のホームページからダウンロードできる。 「ゆたぽん(コーディング)」は、英数字や記号、ひらがな・カタカナに加え、JIS第一・第二水準の漢字およびIBM拡張文字まで収録する手書き風のTrueTypeフォント。通常版に加え、太字版の“Bold”とさらに太い“Heavy”が1ファイルに同梱されている。 本フォントはプログラムのソースコード編集向けに制作されており、手書きの風合いを残しつつも、丸みを抑えて読みやすい字形となっている。さらに、文字同士のバランスを若干崩してでも各文字の読みやすさ、判別しやすさが向上するように工夫されているのが特徴だ。たとえば“,”の丸い部
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く