8

ˆ画像に頼らずに、サーカムフレックス アクセント ( ^ = ) を数字 (音楽表記) の上に配置する最良の方法を見つけようとしています。特定の文字には同等の HTML エンティティがあります: ê = ê、 Ô =Ôなどですが、数字にはありません。

これが私のウェブサイトで現在使用しているものです。

<span style="position:relative;">1
   <span style="position:absolute; 
                left:0.1em; 
                bottom:0.2em; 
                font-size:1.1em;">
                &circ; 
   </span>  
</span>

見た目はかなり良いですが、完全ではありません。数値の形状とブラウザのレンダリングがわずかに異なるため、何かが少しずれているはずです。

誰かがこれのためのよりエレガントなソリューションを持っていますか?

アップデート：

Combining Circumflex Accent&#770;または&#x302;異なるブラウザー/プラットフォームでは異なる結果が生成されますが、そのほとんどは正しくありません (私の Mac では、Safari のみが正しく動作します)。

thisによると、組み合わせアクセントの適切な表示は、フォントとレンダラーの両方に依存します。を使用してTimes New Roman, Timesいるため、実行可能なオプションではないようです。ユーザーに特定のフォントの使用を要求するという手間と必然的な無視をする余裕はありません。

他に新しい答えがない限り、上記のようにアクセントを音符の上に手動で配置することに固執する必要があると思います。ありがとう。

更新 2:

発音区別符号をより適切にサポートするフリー フォント (特にDoulos SIL )を埋め込むことは有望に思えましたが、現在 (2009 年 11 月) の時点で、Chrome は@font-faceデフォルトで CSS をサポートしていません。ただし、他のブラウザーが既に搭載されているため、それが実現すると、それは素晴らしいことになります. webfonts.infoは、これに関する情報の場所です。

4

5 に答える 5

2

ユーザーが使用しているフォントがこの機能をサポートしているかどうかに大きく依存します。Web ページにフォントを埋め込むことは (法的な問題が発生する可能性がなければ) できないため、上記の提案をさまざまなフォントで試して、探している文字がサポートされているかどうかを判断することをお勧めします。フォントを見つけたら、CSS ファイルでそれを参照し、サイトを正しく表示するには特定のフォントが必要であることをユーザーに通知します。

次の Unicode インデックスを使用してみてください: http://www.fileformat.info/info/unicode/char/a.htm

表示しようとしているキャラクターの名前を知る必要があります。見つかったら、情報ページに HTML 文字コードを使用して文字を表示する方法が表示されます。

于 2009-11-15T21:33:47.080 に答える
2

発音区別記号の組み合わせについてよくある質問をご覧ください。コンバインサーカムフレックスは U+0302 です。

そのセクションには、「Doulos や Charis フォントなど、自由にダウンロードできる一部のフォントには、事前に構成された適切なグリフの大規模なレパートリーが含まれています」と記載されています。ユーザーにこれらのフォントをダウンロードしてもらうことは、試してみる価値があるかもしれません (それらが機能する場合)。

数を減らすことに成功するかもしれません：

<span style="font-size: 75%">1</span>&#x0302;
于 2009-11-15T21:33:54.213 に答える
1

結合マークのレンダリングが十分に良くない場合は、位置合わせでハックする必要があると思います。

<style>
    .over { position: relative; }
    .over span { position: absolute; top: -0.5em; left: 0; }
</style>

abc <span class="over">1<span>^</span></span> xyz

まだ厄介なハックです！ただし、MathML よりも作業が少ない可能性があります。

于 2009-11-15T21:59:58.307 に答える