لهجات على الأرقام في HTML (مثل ^ أكثر من 1)

Question

أحاول العثور على أفضل طريقة لوضع اللكنات المنعطفة (ˆ = ˆ) فوق الأرقام (نوتة موسيقية) دون اللجوء إلى الصور.تحتوي بعض الحروف على كيانات HTML مكافئة:ê = ê, Ô = Ô, الخ، لكن الأرقام لا تفعل ذلك.

إليك ما أستخدمه حاليًا على جهازي موقع إلكتروني:

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

يبدو جيدًا جدًا، ولكنه ليس مثاليًا --- بسبب الاختلافات الطفيفة في أشكال الأرقام وعرض المتصفح، لا بد أن يكون هناك شيء ما غير صحيح.

هل لدى أي شخص حل أكثر أناقة لهذا؟

تحديث:

الجمع بين لهجة Circumflex ̂ أو ̂ ينتج عنه نتائج مختلفة على متصفحات/أنظمة أساسية مختلفة، ومعظمها غير صحيح (على جهاز Mac الخاص بي، فقط Safari يفعل ذلك بشكل صحيح).

وفق هذا, ، يعتمد العرض الصحيح لللكنة المجمعة على كل من الخط والعارض.أنا استخدم Times New Roman, Times, ، لذلك لا يبدو أنه خيار عملي.لا أستطيع تحمل المتاعب والتجاهل الحتمي لمطالبة المستخدم بالحصول على خط معين.

أعتقد أنه سيتعين علي الالتزام بوضع اللكنة يدويًا فوق الملاحظة كما هو مذكور أعلاه ما لم تكن هناك أي إجابات جديدة أخرى.شكرًا.

التحديث 2:

تضمين خط مجاني مع دعم أفضل لعلامات التشكيل (خصوصًا دولوس سيل) يبدو واعدًا، ولكن اعتبارًا من الآن (نوفمبر 2009)، لا يدعم Chrome @font-face في CSS بشكل افتراضي.وبمجرد أن يتم ذلك، سيكون الأمر رائعًا، نظرًا لأن المتصفحات الأخرى موجودة بالفعل. webfonts.info هو المكان المناسب للحصول على معلومات حول هذا.

Answer 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.

Answer 2

U+0302 COMBINING CIRCUMFLEX ACCENT

اصنع واحدة بخريطة الأحرف أو بالكيان

 ̂

ألصق واحدة على أي شيء تريده بوضعها بعدها:

ê Â 1̂ ̂

يصبح

ê Â 1̂ ̂

...ولكنه ليس مصممًا لتجاوز الرقم 1 أو الوجه المبتسم.لاحظ كيف ارتفع إلى أعلى بالنسبة لـ A ولكن ليس بالنسبة للرقم 1 أو الوجه المبتسم.

Answer 3

جرب ال الجمع بين لهجة سيركومفليكس (U+0302) باستخدام ̂ أو ̂:

1̂

مثال:

1̂

Answer 4

سيعتمد الكثير على ما إذا كان الخط الذي يستخدمه المستخدم الخاص بك يدعم هذه الميزة أم لا.نظرًا لأنه لا يمكنك تضمين الخطوط في صفحة ويب (بدون بعض المشاكل القانونية المحتملة)، فإن أفضل رهان لك هو تجربة الاقتراحات المذكورة أعلاه مع خطوط مختلفة لتحديد ما إذا كان الحرف الذي تبحث عنه مدعومًا أم لا.بمجرد العثور على خط، قم بالإشارة إليه في ملف CSS الخاص بك ثم أبلغ المستخدم أن هناك حاجة إلى خط معين لعرض موقعك بشكل صحيح.

حاول استخدام فهرس Unicode التالي: http://www.fileformat.info/info/unicode/char/a.htm

ستحتاج إلى معرفة اسم الشخصية التي تحاول عرضها.بمجرد العثور عليه، ستخبرك صفحة المعلومات بكيفية عرض الحرف باستخدام رموز أحرف HTML.

Answer 5

تفحص ال الجمع بين علامات التشكيل التعليمات.الجمع بين المنعطف هو U + 0302.

يقول ذلك القسم:"تحتوي بعض الخطوط، مثل خطوط Doulos وCharis، المتوفرة للتنزيل مجانًا، على مخزون كبير من الحروف الرسومية المناسبة المعدة مسبقًا".قد يكون من المفيد محاولة حث المستخدمين على تنزيل هذه الخطوط (إذا كانوا يعملون).

قد تحقق بعض النجاح في تقليص العدد:

<span style="font-size: 75%">1</span>&#x0302;