やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。 完成度高くておすすめで… https://t.co/oRhFNB9kjk
やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。 完成度高くておすすめで… https://t.co/oRhFNB9kjk
誰もが知る(?)プログラミングフォントこと Ricty にインスパイアされ、Ricty のように英文フォントと和文フォントを合成したプログラミングフォントを作りました。 その名も、プログラミングフォント「白源 (はくげん/HackGen)」です! 白源 (はくげん/HackGen) 通常版 生成元にはプログラミング向け英文フォント Hack と、Adobe 製作の源ノ角ゴシックに丸みを付けた派生フォント 源柔ゴシック を使用させていただきました。 白源の生成元である Hack、及び源柔ゴシックには、いずれも SIL Open Font License Version 1.1 という大らかなライセンスが適用されているため、改変及び配布が自由となっています。したがって、白源の生成済みフォントファイル (ttf ファイル) は GitHub からダウンロードして、すぐにご利用いただけます。 「白
日本語Webフォントに革命がおきた. 詳しくは続きを読んでくれ. ちょっと大きく出てみた. 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました. サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる,メモリ不足だな.早い所Dockerfileつくろう. 追追記 herokuで運用は再検討したほうがよさそう.「こういうこともできます」の事例ということでひとつ. (やっぱり普通のサーバで動かす分には大丈夫そうな気がする.どうだろう) そんなわけで,どうぞご利用ください。 (ちなみに粗い作りなので,pull-requestやissue投稿をしてくださると嬉しいです.) 何が革命なんだ 革命が起きたというけど,どこが革命なの? 僕には革命が起きたようには思えないけど そんなこと言わんといて,泣くわ.
「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって
よんてんごP @yontengoP 会社の飲み会で「お前趣味持てよー」って言われたんで酔った勢いで 「いやでも僕実はフォント収集って趣味ありますよー」ってゲロってしまい「おおじゃあお前この居酒屋のメニューのフォント当ててみろよwww」 「品名はDFP隷書体で見出しがDFP流隷体ですね」 って答えてドン引きされた…… 2014-11-09 01:36:39 よんてんごP @yontengoP 何だい!?コレがじゃあ 「この芳醇な味わいは95年のシャトー・マルゴーだね」とか 「この車、幻と言われたF40だめ」とかなら「ステキ!」ってなって 「この駆動音はヤマハ製RTX810だね」とか 「このドキュメントの印刷、リコー製プリンタだね」とかはダメだっていうのかよ!! 2014-11-09 01:40:53 よんてんごP @yontengoP それとも何だい、 「えーお前本当かよぉwww」って言われ
メールの文章やプレゼン資料など、ビジネスパーソンであればパソコンを使って作成するのが当たり前。そのさまざまなビジネス文書を作成する際、どんなフォントを選んで使っているのでしょうか。ここでは、先輩社会人が好きで使っているフォントランキングを紹介するとともに、ビジネス使いに最適なフォントについて簡単に説明します。 第1位 MSゴシック 121人(29.3%) 第2位 MS明朝 83人(20.0%) 第3位 HG丸ゴシックM-PRO 35人(8.5%) 第4位 メイリオ 30人(7.2%) 第4位 HGP創英角ポップ体 30人(7.2%) 第6位 游ゴシック 12人(2.9%) 第7位 HGP教科書体 10人(2.4%) 第8位 ヒラギノ 5人(1.2%) 第8位 Arial 5人(1.2%) 第10位 Century 4人(0.9%) 第11位 Times New Roman 3 人(0.7
世界中のソフトウェア開発者のための共有ウェブサービスであるGitHubは、同サイトで使用されているアイコンフォント「Octicons」を一般向けに公開を開始しました。 Octicons http://octicons.github.com/ 公開されたアイコンフォントの一覧がこちら。GitHubが使っているアイコンだけあって、開発系のWebサイトやソフトに特化したアイコンが揃っているといえます。 サイトで各アイコンをクリックすると、各アイコンの文字コード(Unicode)やサイト埋め込み用のタグが表示されます。 フォントをPCにインストールするには「Download Octicons」をクリックし、圧縮ファイル(zipファイル)をダウンロード。 ファイルを解凍し、「octicons-local.ttf」をインストールすると、ローカルでもフォントを使用することができるようになります。 各アイ
『Unicode IVS/IVD入門』(田丸健三郎、小林龍生)のなかで、目玉がWindows 8のIVS対応を紹介している第2章だとするなら、背骨といえるのが、IVSという枠組み自体について解説している第5章だよね。 たとえがしっくりきませんが、こだわらずに先に進みましょう。 その第5章のなかでも、IVSの基本中の基本をわずか1行に凝縮して視覚化しているのが、図5-7だ。 はいはい。 で、今日は図5-7に突っ込んでみようと。 もちろん、突っ込みますよー! あのさ、そういうテンションいらないから。この図なんだけど、どう? んー、解説抜きで見せられても、ちょっと難しいですね。 いや、本当は難しくないんだよ。「漢字に異体字セレクタを付けるとグリフを指定できます」って言ってるだけの図なんだから。 この真ん中の「E010B」が右では「E0110」に変化してるのは、どういう意味なんですか? 誤植だね。
1. はじめに 内閣府によれば,2012年3月時点における携帯電話の世帯普及率はじつに94.5%にのぼる[1].携帯電話はほとんど全ての国民が1台ずつ持つ,他に例を見ない製品に育った.その中で近年台頭著しいのがスマートフォンである. コムスコア社の調査によると,今年6月時点におけるスマートフォンユーザは全携帯電話ユーザの23.5%であり,この数字は前年同月から43%の増加にあたる[2].つまり,最近になって普及率が急カーブで上昇している.こうした傾向は出荷台数を見るとより顕著になる.MM総研によると,今年4月~9月の国内携帯電話端末の総出荷台数に占めるスマートフォンの比率は69.4%にのぼる[3]. さて,スマートフォンは不特定多数との情報交換を目的とするものだ.したがって文字コードの実装は,重要なポイントとなる.では,その実態はどんなものか,いささか調べた結果をお伝えしたい. 2. レパ
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 1.font-familyとは? 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「MS Pゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",sans-serif;
Symbolset teaser from Symbolset on Vimeo. 正直この発想はなかった! symbolsetは、アイコンに特化したウェブフォント。 このフォントが面白いところは、アイコンを「合字」として割り当てていること。 まずはサイト上部の大きなテキスト部分がエディターになっているので、そこにheartやtweetなどとタイプしてみてほしい。ビックリするはず。 「合字」というのは、特定の文字ペアに特殊文字を割り振れる欧文書体のルール。日本ではなじみのない作法だけど、海外ではftやffなど、スペースが空いてしまう文字を特殊な文字で代替することがある。 SymbolSetはこれ利用して、フォントをアイコンとして活用できる仕組みを発明した。 たとえば、♥のアイコンを「heart」という合字に割り振っている。つまり文章内にheartという文字があれば自動的にハートが、「Twi
html5先日公開した 絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。「不思議!」「どういう仕組みなんだ?」という声も多かったので裏側を紹介します。コピペできない訳ではないタイトルは「コピペできない」としていいますが、実際にはコピペはできます。正確に表現すると「コピーすると違う文字になる」という状態になっています。 ではなぜ違う文字になるのでしょうか。結論をいってしまうと「そこにある文字が、人間の目に見える文字とは違う」からです。といっても、これでは分からないですね。今回のために作成された独自フォントトリックの肝は「フォント」です。フォントといえば、文字の見た目を変えるために利用するものです。たとえば、「ほ」という文字を「メイリオ」フォントで表示するとこうなります。フォントを変えて「HG創英角ポップ体」フォントで表示すると、ポップな雰囲気になり
html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く