タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

fontとHTMLに関するaoiasabaのブックマーク (2)

  • 円マークがバックスラッシュで表示される理由

    円マーク(円記号)がバックスラッシュで表示される理由について調べてみました。 1.はじめに ブログ記事に半角円マーク「\」を入力して投稿すると、実際のページでは半角バックスラッシュで表示されることがあります。 例として、下のスクリーンショットは当ブログの記事編集画面です。赤枠部分に円マークを入力しています。 下のスクリーンショットは上の記事の実際の表示画面です。円マークがバックスラッシュで表示されていることが分かります。 できれば円マークはそのまま円マークで表示したいところです。 2.円マークがバックスラッシュで表示される理由 1項のサンプルで大体予想がつくと思いますが、円マークがバックスラッシュで表示される理由は、CSSで指定したフォントの問題です。 円マークとバックスラッシュは、文字表記は異なりますが、同じコード(Unicode表記でU+005c)を使用しているため、フォントの種類によ

    円マークがバックスラッシュで表示される理由
    aoiasaba
    aoiasaba 2016/12/25
    円マーク
  • 可変文字サイズをCSSで%(パーセント)指定する « 最短24時間納品可能!HTMLコーディング代行サービス「MarkUP24」 BLOG |

    前回の記事で文字サイズの可変について少しお話ししました。 文字サイズはCSSの「font-size」属性で指定をするわけですが、 可変つまり相対サイズを指定した場合、ブラウザによって実際に表示される文字サイズが異なってきます。 上図のようにInternet Explorerの方が、Firefoxより文字サイズが大きいことがわかります。 こういった現象が起こることも踏まえ、文字サイズ可変のサイト構築が必要となってきます。 Yahoo! User Interface Library(YUI)のFonts CSSを参考にすると、とてもラクにこの問題を解決することができます。 「YUI Font CSS」とは各ブラウザで、表示される文字サイズの差異をなるべく少なくする目的で作られたCSSライブラリです。 >>YUI Fonts CSS まず基サイズの設定です。 body { font:

  • 1