Тофу вместо кириллицы внутри тега <i>

Добрый день, коллеги! Возникла проблема, с которой до этого не сталкивался. Писал на киберфоруме, но все, что мне там посоветовали - это костыль. Поэтому пишу сюда, т.к. знаю, что вы ребята хорошие и никогда костыль не предложите.

Итак, суть проблемы:
Скачал иконочный шрифт с fontello.com, объединил файлы, настроил, подключил и всё такое. Пользуюсь, радуюсь, и вдруг замечаю, что если я вставлю обычный тег <i></i> без атрибутов и с просто русским текстом внутри - получаю тофу и какие-то арабские иероглифы.

Принцип шрифтов fontello в присвоении своего символа-иконки юникоду, начиная с диапазона 0xE800 (и далее по надобности) и последующим добавлении символа-иконки перед тегом <i class="icon"></i> (css: .icon:before), так что фонтелло здесь ни при чем. Я даже полностью его отключал - проблема не исчезла.
<meta charset="utf-8> прописано, все текстовые файлы в UTF-8 без BOM. Черт побери, у меня даже .htaccess в UTF-8 без BOM!

Примитивный дебаг:
В исходном коде в браузере и в инструментах разработчика кириллица отображена нормально.
Если JavaScript-ом вытаскивать содержимое в консоли - все нормально.
Этот же JavaScript сообщает, что шрифт внутри этого <i> - Times New Roman
С кириллицей везде все нормально. Кроме тега <i>.

Вопрос: где может быть зарыта проблема, и что делать? Не хочется писать костыль вроде спана со стилями или юзать <em>, потому что <i> должен работать нормально, а не как взбредет в голову.

(Отредактировано автором: 22 Ноября, 2016 - 11:31:39)

Костыль не ннада. Что за шрифт? Стандартный Timew New Roman ???

Так он и работает нормально. Суть его ведь вот в чём:

И вообще зачем "<i></i>" ?
Можно ведь использовать <em>

Использовать один тег вместо такого же другого только потому, что другой почему-то не работает - это костыль. К тому же <i> короче. Не так ощутима разница, как между <b> и <strong>, но я чертов рационалист
А насчет проблемы - исправил. Убрал объявление шрифта в формате woff в виде хз-чего в base64 (хз, что это. Просто весь шрифт какой-то текстовой абракадаброй, будто все инструкции прогнали через хеш-функцию и объединили в одну строку длинной в почти 100к символов...), и все почему-то стало работать нормально.

Это не костыль. Тег <i> видимо зарезервирован самим шрифтом. Такое бывает. Бывает, что пишешь текст, а вместо сочетаний заглавных букв CD - рисуется иконка диска.

Еще по тегу:
Взять, например, один из популярнейших визуальных редакторов: TinyMCE.
Попробуйте там сделать текст курсивом, а потом посмотреть результат в HTML. Текст будет охвачен <em>.
Есть новые и старые спецификации. Если вы чертов рационалист то почему не пишите сайты в блокноте?

А кто сказал, что я так не делаю? Именно так и работаю.

А зарезервирован <i class="icon *"></i>

(Отредактировано автором: 25 Ноября, 2016 - 14:49:39)

Ага, и юнит-тесты на ассемблере...
Это я к тому, что надо идти в ногу со временем и стараться быть в тренде, а не изобретать велосипеды или пользоваться IE5 потому что к нему привык, когда еще был подростком.

Я из принципа даже не делаю поддержку никакого IE, ибо этот браузер нужен только для того, чтобы скачать нормальный браузер.
А в блокноте сайты пишу с нуля, ибо бесит, что конструкторы захламляют что харддрайв, что бд. И еще плюс самописи - если что-то не работает - понимаешь, где и почему.

очень жаль. Возможно в будущем, вы поймете свои ошибки сами. А пока удачи в этом не легком пути...

Эээ..чееее?
(Добавление)
Эээ..чееее?
Иди в другом месте нубов дрочи