アクセントに番号をHTMLにおける（a^1)

StackOverflow https://stackoverflow.com/questions/1738852

質問

んの最良の方法をcircumflexアクセント(ˆ= ˆ)トップの番号(音楽表記)盤。特定の文字と同等以上のHTMLエンティティ:ê= ê, Ô = Ô, 等 でも位置づけはどうなるんですか。

ここには何を使っていっ webサイト:

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

見た目のアーティストがない---で若干の違い番号の形状やブラウザのレンダリングなのに、何かと行きます。

いてより優雅な解す。

更新:

の組み合わせCircumflex Accent &#770; または &#x302; 生異なる結果が異なるブラウザ/プラットフォーム、まとまらない(自分のMac、Safariなります。

による この, 適正な表示の組み合わせアクセントの双方に依存しフォントのレンダリング.を使用してい Times New Roman, Times, はしませんが、可能なオプションです。できませんの手間とは不可避であり、これらを克服を無視しての必要なユーザは特定の商標または登録商標です。

思い思いにこだわる手動位置決めのアクセントの上のご注意上記のない限りがありその他の新たな応答となります。感謝。

更新2:

埋め込み無料のフォントにより良いdiacritic支援（特に Doulos SIL っ有望なものとして（2009年）、クロムな @font-face CSSによるデフォルトです。一度でも今年も残すところあとわずかですが、他のブラウザています。 webfonts.info のための情報。

役に立ちましたか？

解決

の組み合わせマークのレンダリングが十分に良好ではない場合、私はあなたがポジショニングでそれをハックしなければならないと思います。

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

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

それでも厄介なハック！ MathMLのよりしかし、おそらく少ない作業ます。

他のヒント

U+0302 COMBINING CIRCUMFLEX ACCENTする

文字マップを持つものを作るか、エンティティと

 &#x302;

それの後にそれを置くことによって、あなたが欲しいものの上に1スティックます：

  

e&#x302; A&#x302; 1&#x302; :) &#x302;

になります。

  

電子aは1 :)

...しかし、1またはスマイリーの顔の上に行くために設計されていません。それは1またはスマイリーフェイスのためにAのために高い上に移動ではなく、どのように注意してください。

が&#770;または&#x302;を使用して曲折アクセントの（U + 0302）を組み合わせてみ 

1&#770;

例：

  

1

多くは、ユーザーがこの機能をサポートを使用しているフォントかどうかに依存します。あなたは（いくつかの潜在的な法的トラブルのない）Webページにフォントを埋め込むことはできませんので、あなたの最善の策は、あなたが探して文字がサポートされているかどうかを決定するために、異なるフォントで上記の提案を試してみることです。あなたがフォントを見つけたら、あなたのCSSファイルでそれを参照して、特定のフォントが正しくあなたのサイトを表示するために必要であることをユーザーに通知します。

ます。http：//www.fileformat

次のUnicodeインデックスを使用してみてください。情報/情報/ユニコード/文字/ A.HTMする

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

href="http://unicode.org/faq/char_combmark.html#12b" rel="nofollow noreferrer">発音区別符号のよくある質問を組み合わせる

その節は言う：「ダウンロードのために自由に利用できるようにドゥロスやカリスフォントなどの一部のフォントは、適切な合成済みグリフの大規模なレパートリーを含んで」。 （彼らは動作している場合）ユーザーは、これらのフォントをダウンロードするために取得しようとする価値があるかもしれません。

あなたは、いくつかの成功数を縮小している可能性があります：

<span style="font-size: 75%">1</span>&#x0302;
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top