Советы по стилевому оформлению CSS Service Mark Symbol (SM)

Question

Мне нужно добавить символ сервисного знака (http://en.wikipedia.org/wiki/Service_mark_symbol) для нескольких веб-сайтов. Я нашел для него код сущности XHTML (℠) и отображаю его прямо сейчас.

Проблема в том, что почти невозможно читать. Я хотел бы дать несколько советов лучших практик, чтобы отобразить это. Возможно, нужен другой CSS в зависимости от браузера и / или клиентской платформы.

Я ищу советы и / или URL-адреса реальных примеров, использующих символы знака обслуживания.

** РЕДАКТИРОВАТЬ **

Моя проблема не в том, чтобы создать символ SM; код сущности XHTML работает. Моя проблема в том, что символ SM выглядит плохо и плохо читается.

Я хочу несколько советов по CSS и / или URL-адреса для сайтов, которые имеют красивые реализации символа SM.

** ВТОРОЕ РЕДАКТИРОВАНИЕ **

Вот пример JSFiddle символа SM, выглядящего плохо: http://jsfiddle.net/DGrkd/2/

Answer 1

Я использую это:

.superscript {
position: relative;
bottom: 0.5em;
font-size: 0.8em;}

.subscript {
position: relative;
top: 0.3em;
font-size: 0.8em;}

HTML код:

This is an example of a Service Mark<span class="superscript">SM</span>.<br>
This is an example of a Subscript for the formula for water: H<span class="subscript">2</span>0.

Answer 2

Вы можете добавить span вокруг кода и стиля объекта.

Скрипка: http://jsfiddle.net/jasongennaro/QSR6M/

Примечание: это меняет высоту строки.

Answer 3

Есть теги sup html

Answer 4

Мне пришлось использовать теги sup из-за проблемы языка / шрифта, из-за которой знак SM не поддерживался. Извините, это было слишком давно для меня, чтобы вспомнить детали, но я обязательно проверю поддержку языка / шрифта, если вы идете с отметкой.