font-sizeは一体何が標準なのか？ px指定で良いのか、それとも%指定が良いのか？はたまたemなのか？ 僕自身、悩むことが多いので、いろいろな意見をまとめてみました。 パーセント指定派 ”font-sizeはem，ex，%で相対指定（基準になるものとの比率で指定）するのがよいとされています。 Win IE6には，font-sizeをem，exで指定した場合のバグがあるようです。” d-spia ”デザイナーは絶対指定で（つまりｐｘ指定）自分が作ったラフ通りガッチガチに固定しろと主張する人がまだ多いと思うが、巷の流れに乗るなら相対指定にして然るべきという感じ。” WebTecNote ”em指定のほうが極端に変動してしまうのだ。やってみれば分かるが、文字サイズを最小にすると小さすぎて見えない。このように他のブラウザと比べてみれば一目瞭然だが、%指定にしたほうがどのブラウザで見

個人や商用で無料で利用できる日本語のフリーフォントを紹介します。年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 ※フォントを利用の際には必ずライセンスをご確認ください。 最新版を公開！フォントの数が大幅に増えています。 2019年用、日本語のフリーフォント 366種類のまとめ

Section 1：概説 Section 2：画像化テキスト Section 3：サンセリフ欧文(1) Section 4：サンセリフ欧文(2) Section 5：サンセリフ欧文(3) Section 6：セリフ欧文(1) Section 7：セリフ欧文(2) Section 8：セリフ欧文(3) Section 9：草書系・筆書系欧文(1) Section 10：草書系・筆書系欧文(2)・装飾系欧文 Section 11：等幅欧文・その他の欧文 Section 12：ゴシック系和文(1) Section 13：ゴシック系和文(2) Section 14：明朝系和文(1) Section 15：明朝系和文(2) Section 16：その他の和文 Appendix A：無償利用できるフォント Appendix B：Windows の標準フォント Appendix C：PostScript

Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C

フォントの魅力 世界で最も愛用されているとされるHelveticaフォントは誕生50周年。 「ヘルベチカ 〜世界を魅了する書体〜」として映画やDVDにもなり、 原宿のラフォーレにおいて企画展も催されました。 それに伴い特設サイト「Helvetica project」もあります。 フォントのドラマを考えると、フォント一つでも感慨深いものに感じてきます。 海外のプロデザイナーが多用する21種のフォント フォントの色や大きさでももちろんイメージが大きく変わりますが、 それ以前にセリフ体、サンセリフ体、スクリプト体などの書体、 更に分解すると、フォントそのものの質も問われるわけです。 国内で知名度の低いフォントもいくつかあるようですので、押さえておくと為になるかも。 海外で行われたアンケート実施からみえたWebデザイナーが最も多用する 21種のフォントを簡単な説明を交えて掲載してみます。(元記事)

CSS Nite LP9に関連するコーダーの、CSSのfont-familyプロパティを抜粋した一覧です。 » ウェビンブログの元記事へ戻る

英語・数字・記号だけでなく、日本語の漢字やカタカナまで揃ってるフリーのピクセルフォントをを紹介します。 ダウンロードできるフォントは、すべて個人でも商用でも無料利用できます！

CSS3のWebフォント機能は、サーバー上にあるフォントを利用するもので、ユーザーの閲覧環境に依存しません。使用したいフォントファイルをサーバーにアップロードし、CSSで読み込ませるだけで利用できるので、フォントの選択肢が広がります。 これまでテキストを画像化して表現していたWebのタイポグラフィも、Webフォントを使って自由に表現できるわけです。テキストなので、選択やコピー＆ペーストも可能、SEOにも有効です。もちろん、font-sizeやcolor、text-shadowなどのCSSプロパティも適用できます。 主要なブラウザは、既にWebフォントに対応しているので、少しの工夫ですぐに利用できます。ただし、フォント形式やライセンスなど、利用に際してはちょっとした注意が必要です。本稿では、これら注意点を踏まえてWebフォントの利用方法を紹介します。 Webフォントの利用方法 では早速Web

blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき