Filter fonts0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
Filter fonts0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
プロポーショナルフォントと等幅フォント フォントにはプロポーショナルフォントと等幅フォントがあります。 プロポーショナルフォントは、文字毎に文字幅が異なるフォントのことをいいます。 例えば i と w では文字の幅が異なり、それぞれの文字幅を活かして表示するものがプロポーショナルフォントです。 等幅フォントは、どの文字も同じ幅を持ち、i には余分な空白が付け足されて w と同じ幅になっています。(下図参照) この例は上がMSゴシック(等幅フォント)下がMS Pゴシック(プロポーショナルフォント)です。 各ブラウザのデフォルトフォントサイズ ブラウザは独自のCSSを持っています。これは作成者やユーザーがCSSの指定をしてない場合に、ブラウザが持っているCSSが適用される仕組みになっています。フォントについても各ブラウザで設定しているものがあります。 フォントサイズは概ね16pxに設定されてい
円マーク(円記号)がバックスラッシュで表示される理由について調べてみました。 1.はじめに ブログ記事に半角円マーク「\」を入力して投稿すると、実際のページでは半角バックスラッシュで表示されることがあります。 例として、下のスクリーンショットは当ブログの記事編集画面です。赤枠部分に円マークを入力しています。 下のスクリーンショットは上の記事の実際の表示画面です。円マークがバックスラッシュで表示されていることが分かります。 できれば円マークはそのまま円マークで表示したいところです。 2.円マークがバックスラッシュで表示される理由 1項のサンプルで大体予想がつくと思いますが、円マークがバックスラッシュで表示される理由は、CSSで指定したフォントの問題です。 円マークとバックスラッシュは、文字表記は異なりますが、同じコード(Unicode表記でU+005c)を使用しているため、フォントの種類によ
前回の記事で文字サイズの可変について少しお話ししました。 文字サイズはCSSの「font-size」属性で指定をするわけですが、 可変つまり相対サイズを指定した場合、ブラウザによって実際に表示される文字サイズが異なってきます。 上図のようにInternet Explorerの方が、Firefoxより文字サイズが大きいことがわかります。 こういった現象が起こることも踏まえ、文字サイズ可変のサイト構築が必要となってきます。 Yahoo! User Interface Library(YUI)のFonts CSSを参考にすると、とてもラクにこの問題を解決することができます。 「YUI Font CSS」とは各ブラウザで、表示される文字サイズの差異をなるべく少なくする目的で作られたCSSライブラリです。 >>YUI Fonts CSS まず基本サイズの設定です。 body { font:
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く