2016-08-27 11 views
2

FirefoxとChromeの両方で(ただしSafariではない)、次のHTMLでは同じシンボルが非常に異なるフォントサイズで表示されます。ChromeとFirefoxの中国語のコードで⌘が小さく表示されるのはなぜですか?

<div lang="en">⌘</div> 
 
<div lang="zh">⌘</div>

  1. なぜ?
  2. 私はそれに対して何ができますか?私の現在の回避策は、中国語ページで<span lang="en">⌘</span>を行うことです。しかし、それは正しいとは感じません。
  3. OS X(El Capitan)10.11.6でこれを確認しました。 Windowsではどのように見えますか?

注:

  • あなたが(例えば、Android上)オペレーティング・システム上で、すべてのシンボルを参照することができない場合があります。つまり、コマンドキー(ユニコード)の記号はhttps://en.wikipedia.org/wiki/Command_key
  • です(iOS(AndrewによるSafariとChromeの両方))。
+0

ませREPROをクローム、モバイル – Li357

+0

にAndroidにはまったく表示されません。 – mbee

+0

iOSで、Chrome/Safariでうまくいくようです – Li357

答えて

2

少なくともOS Xでは、フォントの問題です。

シンボル「⌘」は、いくつかのフォントでのみ提供されています。その中にはLucida Grande、システムフォントHeiti SC、簡体字中国語のフォントがあります。それらは異なるフォントであるため、⌘のレンダリングは同じであるとは思いません。

あなたが選択したフォント(Arial)に "⌘"という記号が含まれていない場合、レンダリングエンジンはこれを持つ代替フォントを探します。

FirefoxとChromeはlangを考慮しているようです。したがって、Lucida Grandeグリフが英語⌘に選択され、Heiti SCが中国語⌘用に選択されています。

これは、フォントファミリのリストで希望のフォントを添加しないで固定することができます:私が正しくリコール場合は、コマンドのシンボルがない

<p style="font-family: Arial, sans-serif"> 
 
<span lang=en>english ⌘</span><span lang=zh>⌘ 中文</span> 
 
</p> 
 
<p style="font-family: Arial, 'Lucida Grande', sans-serif"> 
 
<span lang=en>english ⌘</span><span lang=zh>⌘ 中文</span> 
 
</p>

+0

Wonderful!もう一つの質問:前に自分のウェブサイトにフォントファミリを指定しなかった。あなたは 'span.command :: first-line {font-family: 'Lucida Grande';
コマンド
'の場合、フォントサイズ:15px;} – mbee

+0

@mbee大丈夫ですが、OS Xの外には通常Lucida Grandeはありません。表示方法を完全にコントロールしたい場合は、Webフォント( '@ font-face')を使用してください。 – kennytm

関連する問題