Noto is a collection of high-quality fonts in more than 1,000 languages and over 150 writing systems.
2014年7月16日に、Google と Adobe がリリースした Noto Sans(Adobe からは Source Han Sans という名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。 ※この画像は、Nexus 7(Android 4.4)で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
■ 『キルラキル』の見どころは、アホの子(CV:洲崎綾)ですよね? こんにちは。榊です。 今日は、この10月から始まったTVアニメ、『キルラキル』に出てくるあの文字の話です。 これです。 『キルラキル』では、こんな風に大きなサイズの文字で頻繁にテロップ(?)が入るのですが、この文字、かなり太いですよね。 ここまで極端に太いフォントというと、視覚デザイン研究所のロゴGブラックが真っ先に思いつくので、てっきりそれだと思ったのですが違いました。 (手作業で加工するには違いが多すぎたのと、ライセンスの関係で視覚デザイン研究所のフォントを使う可能性は低いだろうと思われたので、変だとは思ったのですが、思い込んでしまっていました。) 正解は、フォントワークスのラグランパンチでした。 ツイッターで指摘されるまで、このフォントの存在を完全に失念してしまっていました(笑) 上がオリジナルの映像、下がフォント(
Windows XP に標準で搭載されている日本語フォントはスケーラブルなアウトラインフォントですが、小さいサイズでの画面表示では埋め込みビットマップに替えて文字を描画することを前提に設計されていました。しかしながら、Windows Presentation Foundation (WPF) ではこれらのビットマップではなく、フォントの本来のアウトライングリフで表示します。小さい文字サイズのアウトライングリフは視認性に配慮したヒンティングが施されていなければつぶれて読みにくくなってしまうことがあります。メイリオ バージョン 5.00 は,WPF など ClearType を利用できる環境であれば 8 ポイントでも視認性が確保できるよう適切にヒンティングが施されています。Windows XP で ClearType を有効にしたり,ClearType の効果を最適化するために画面を調整する方
Icon Fonts are Awesome アイコンをフォントで実現すると便利だと分かるサンプル フォントで表現することで色の変更やドロップシャドウやサイズ変更はあとから自由にできますね。 画像編集ツールを使う必要もなく、あとから自由にカスタマイズできるというのはWEBデベロッパにとっては嬉しいです。 ドロップシャドウ。 カラー変更、リサイズも自由。 他にも、CSS3を使った回転やアニメーションなど何でもできそうなところです フォントはfont-faceで指定することでどんなフォントでも使えます。サンプルのフォントはこちら 関連エントリ ユニークなフリーフォント10 WEBページに使えそうなアイコンっぽい図形フォント 指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン「FontSize」 とりあえず入れておくと使えそうな20フォント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く