パイプ記号を作成しようとしていitalic
ますが、他のフォントがイタリック体で表示される場所では機能しません。(Chrome で) 何か問題がありますか?
<em>italic | italic</em> | <em class="italic">abc | abc</em>
文字がどのように傾くか (および傾くかどうか)は、書体自体によって定義されます。Siva Charan の回答に関するコメントに追加した参照リンクを確認しました。その要素を Firebug で調べると、次の font-family が表示されます。
font-family: "Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
だから、私はあなたのjsFiddleを修正しました。Et viola、パイプの傾斜:
元のjsFiddleを確認したときに斜めのパイプが表示されないため、斜めのパイプが表示されている人は、デフォルトのフォントとしてLucida Grande(または同様の)がすでに設定されていると思います。
「パイプ記号」である U+007C VERTICAL LINE は本質的に垂直であり、適切なフォント デザインでは、斜体の書体にも垂直グリフがあります。ただし、ほとんどのフォント デザイナーはこれを理解していません。通常のテキストでは珍しいキャラクターです。フォントリストツールを使用して、システム内のどのフォントが「|」の正しいデザインを持っているかを確認できます (「斜体」をクリックして、それを含むテキストを入力してください)。
したがって、不適切に傾いた垂直線が必要な場合は、好みのグリフを持つフォントを設定できますが、そのフォントを使用していない人には別のものが表示されます. @font-face
目的の結果を得るには、ダウンロード可能なフォントを使用するのが最善の方法です。
通常は「|」非常に多くのフォントが斜体で表示されるため、イタリック体のテキストには表示しないでください。したがって、代わりに<i>a | b</i>
、マークアップ<i>a</i>
| b ` の方が安全です。(「+」や「↓」など、他の多くの特殊記号にも同様の考慮事項が適用されます。)
人によってテスト ページの見方が異なるのは、ブラウザの既定のフォントが異なるためです。
いくつかの回避策の後、いくつかのグラフィック表現のために、すべての垂直線と水平線を斜体にすることはできないことがわかりました。