Почему новые строки в моем семействе шрифтов CSS нарушают IE? Как я могу избежать этого?

Question

Мой дизайнер хотел Century Gothic, который не совсем веб-безопасный, поэтому мы решили, что lucida - это нормальная резервная копия, и я написал длинный стек резервных шрифтов:отлично смотрится в Chrome, FF, Safari.Когда я проверяю в IE (6, 7 и 8), нет игральных костей.Шрифты повсюду на сайте - безобразный шрифт с засечками!Я запускаю инструменты разработчика IE 8 и вижу маленькие прямоугольные символы в объявлении, которые, кажется, падают на разрывы строк.Я изменяю свой CSS до

body {
font-family: "Century Gothic", "URW Gothic L", "Apple Gothic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Lucida Sans", sans-serif;
}

, и это работает, мята.Хорошо, проблема решена, но если я хочу отформатировать свой CSS для удобства чтения, почему я не могу это сделать?Почему мои пробелы актуальны?Это проблема с кодировкой utf / iso?Должен ли я позволить длинным строкам работать долго?

Answer 1

Это отдельная таблица стилей или стили, которые вы создали в своем теге? Возможно, вы сможете извлечь его в файл .css, и это может остановить проблему.

ИМО отпусти это. Это должно быть исключением, а не правилом для вас иметь такое длинное правило css.

Answer 2

Возможно, ваш текстовый редактор сохраняет файл css со специальными переносами строк в Mac (возврат каретки)Измените разрывы строк на unix (перевод строки) и посмотрите, получится ли это так, как вам нужно.