iPhone の Safari で文字サイズが勝手に大きくなる時の対処方法 - by Takumi Hirashima
iPhone の Safari で文字サイズが勝手に大きくなる時の対処方法を紹介します。 iPhone の Safari で文字サイズが勝手に大きくなる原因 Safari で文字サイズが勝手に大きくなる時の対処方法 iPhone の Safari で文字サイズが勝手に大きくなる原因 iPhone の Safari では、文字サイズを自動で調整する機能が働いて、意図しない箇所で文字サイズが変わってしまうことがあります。 Safari で文字サイズが勝手に大きくなる時の対処方法 文字サイズが勝手に変わらないようにするためには、css スタイルの -webkit-text-size-adjust を適用することで、指定した箇所の文字サイズが勝手に変わらないようにします。 例えば、iPhone の Safari で文字サイズを勝手に変えないようにするには、次のコードを該当箇所に追加します。 bod
ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解 - Corredor
拙作のノーマライズ CSS ライブラリ、「Neo's Normalize」を見直していたところ、Windows の Chrome ブラウザで適用されている游ゴシックフォントがかすれていた。 「あれ？@font-face で游ゴシック Medium を指定してるのにな？」と思い、設定を見直したところ、コレが効かなくなっていた。 当時 Neo's Normalize を作る際、それなりに調査しまくった結果だったのだが、どうも仕様が変わっていたようなので、OS・ブラウザごとに挙動を見直すことにした。今回はその研究結果をまとめる。 游ゴシックフォントに関する基礎知識のおさらい Chrome で効かなくなっていた @font-face font-weight: 500 は効いたが、副作用が避けられない Chrome で游ゴシック Medium を使うのは諦める 別解 : 潔く Regular フォン
円マークがバックスラッシュで表示される理由
円マーク（円記号）がバックスラッシュで表示される理由について調べてみました。 １．はじめに ブログ記事に半角円マーク「\」を入力して投稿すると、実際のページでは半角バックスラッシュで表示されることがあります。 例として、下のスクリーンショットは当ブログの記事編集画面です。赤枠部分に円マークを入力しています。 下のスクリーンショットは上の記事の実際の表示画面です。円マークがバックスラッシュで表示されていることが分かります。 できれば円マークはそのまま円マークで表示したいところです。 ２．円マークがバックスラッシュで表示される理由 １項のサンプルで大体予想がつくと思いますが、円マークがバックスラッシュで表示される理由は、CSSで指定したフォントの問題です。 円マークとバックスラッシュは、文字表記は異なりますが、同じコード（Unicode表記でU+005c）を使用しているため、フォントの種類によ
三点リーダが真ん中に表示されない理由
三点リーダ「…」が「…」という風に真ん中に表示されない問題について調べてみました。 １．三点リーダとは 説明するまでもありませんが、点を3つ横に並べた形をした記号のことで、語尾を省略したり、言葉の余韻を残すときに使う「…」です。 ２．問題点 たとえばブログを書いているときに、記事編集画面のテキストエリアでは「…」と表示されているのに、公開したページでは「…」となることがあります。 ３．原因 三点リーダが真ん中に表示されないのはCSSの「font-family」の設定によるものです。 「font-family」の値には多くのフォントを並べているケースが多いと思いますが、その一番最初に記述しているフォントに依存します。 たとえば、このブログのfont-familyは以下のようになっています。 font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
YouTube人気急上昇
