Как сделать одинаковый текст в Firefox / Safari / IE

Часто задаваемые вопросы о WYSIWYG Web Builder.
Закрыто

Автор Темы
ovser

Как сделать одинаковый текст в Firefox / Safari / IE

Сообщение ovser » 07 фев 2012, 17:59

К сожалению, нет способа, чтобы текст выглядел одинаково во всех браузерах. Каждый браузер использует собственный движок рендеринга текста и все они разные.
И хотя WYSIWYG Web Builder использует пиксели, чтобы указать размер шрифта, это до сих пор вызывает разные результаты в различных браузерах.

Наиболее распространенная проблема с Safari и FireFox браузером,дело в том, что они не обрабатывают большие блоки текста в сочетании с CSS.
Это обычно приводит к текстовому блоку,поэтому он может перекрывать другие объекты в окне.

Вот несколько советов, чтобы избежать этого:
Используйте "Оптимизация текста" для Firefox / Safari 'в свойствах текста
Эта опция пытается решить эту проблему, разбивая текст на несколько элементов <div>. Это приведет к лучшему показу,но и увеличивает количество генерируемого кода.
Хотя это обычно не вызывает заметных побочных эффектов.

Разделить текст на несколько текстовых объектов.
Также старайтесь не использовать пустые строки в тексте. Если у вас есть более чем 2 пустые строки, вы должны рассмотреть вопрос о создании второго абзаца в отдельный текстовый объект.
Поведение пустых строк в тексте не определены. Некоторые браузеры используют текущий размер шрифта, чтобы определить размер между двумя линиями, а другие использованием шрифта по умолчанию.

Используйте только шрифты websafe
Websafe (или "веб-безопасность", "безопасным для веб") шрифты,шрифты, которые являются общими для всех версий Windows, Mac и Linux.
Рекомендуется использовать websafe шрифты, в противном случае браузер будет заменить шрифт с другим шрифтом, и это будет влиять на отображение страницы.

Дополнительное пространство
Некоторые браузеры показывают текст немного больше, а другие браузеры показывают текст немного меньше.Вы должны оставить некоторое пространство в конце, иначе последнее слово в TextLine может перейти к следующей строке.

Изображение

WYSIWYG Web Builder 8 имеет несколько новых встроенных инструментов в попытке более точного отображения текста (хотя по-прежнему будет различия между браузерами)
1)Текст теперь имеет 3 различных форматах:
По умолчанию / Classic Mode
Это должно быть хорошо для большинства стандартных макетов страниц с не слишком много текста.

Используйте <div> для каждой линии
Каждая строка будет встроена в свою <div> с собственным стилем. Это дает более точные результаты в некоторых случаях.

2) Вы также можете установить высоту строки для определенных значений (с шагом 0.1) для управления расстояние между строками в тексте или интервалом использования.Функция устанавливает количество дополнительного пространства между буквами в тексте. Оба варианта можно найти в меню-Формат.

3) Еще одним важным изменением в WWB8 том, что он больше не использует <font> тег (устаревшие теги HTML). В настоящее время она была заменена <span> тегов и CSS стилей.

Реклама
Закрыто

Вернуться в «WYSIWYG Web Builder FAQ.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость