意外と奥深いCSSのfont-weightの話 - ICS MEDIA
普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまうこともあります。 この記事ではフォントウェイトのまつわる落とし穴と、それを回避するための方法を紹介します。エンジニアだけでなく、デザイナーの方にも役立つ内容です。 Noto Sans JPを例にフォントのウェイトの設定を変えながら見え方を確認できるデモページを用意しました。ぜひ試してみてください。 サンプルを別ウインドウで開く コードを確認する アンチエイリアス まず、アンチエイリアスについて簡単に説明します。アンチエイリアスとは、画面上で表示される輪郭を色の濃淡などを用いて滑らかにする処理
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
商用でも無料で使えるロゴ作成向け日本語フォント「ロゴたいぷゴシック」
ロゴ向けフォントのシャープな感じと、少しやさしくてエレガントな柔らかいデザインが特徴で、一般的なゴシック体のフォントとは少し違った風合いを持たせたフリーフォントが「ロゴたいぷゴシック」です。無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォント ロゴたいぷゴシックのダウンロード | フォントな情報。オープンソースの安心フリーフォント http://www.fontna.com/blog/1226/ ロゴたいぷゴシックのベースになっているのは、誰でも無料で使えて個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限のないM+FONTSで、オリジナルで作成されたひらがなとカタカナの文字にM+FONTSの文字を補完するという、いわばM+FONTSの派生プログラムにあたる存在のフォントとなっています。全体的なデザイン処理として、わずかに文字
商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
時刻表っぽいフォント「DiaPro」が話題に 台湾のユーザーが無料配布
台湾のユーザーが開発した時刻表風の文字や記号を集めたフリーフォント「DiaPro」が公開され、話題を集めています。 文字・記号の種類はざっと100個以上。「グリーン車指定席」といった車両マークから、「特急」「準快」などの車種マークまでいろいろ用意されています。複数の文字を合体させて特定の記号を表示する合字（リガチャー）機能を利用したもので、Webフォントとしても使用できます。対応ブラウザは、Google Chrome、Firefox、Safari、IE 10以上。サイトのテストボックスでは自由に変換を試すことができます。 「しんだいとっきゅう」で変換すると車種マークが表示される 開発者は台湾人のbutさん。もともとは時刻表のようなWebサービスを作ろうとして、まずは「フォントから」と挑戦してみたそうです。そして、2007年にできあがるも、Web表示に向かないことからお蔵入りに。ところが、昨
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
