HTML5 Embedded Fonts визуализируются по-разному в браузерах?

Question

Я хочу, чтобы эта страница выглядела одинаково во всех браузерах. В частности, я хочу, чтобы точка обтекания текста была абсолютно одинаковой во всех браузерах, поэтому я могу создать версию PDF со 100% -ной точностью. Например, проверьте это в FF или Chrome.

http://santaspencil.com/desktop/embedded-test/embedded-fonts-test.php

Вопросы: - Можно ли это сделать? - Существуют ли альтернативы, которые не требуют от пользователя загрузки плагина?

Answer 1

Вы должны подумать о вложении файла шрифта в свой CSS. Но, как обычно, каменный век IE не может этого сделать, поскольку вам нужно будет добавить файл шрифта EOT на ваш сервер.

http://base64fonts.com преобразует ваши файлы шрифтов в base64, а затем создаст код css для копирования и вставки в ваш html. это поможет с гарантией загрузки шрифтов в браузерах (кроме IE).

Успехов

Answer 2

... Я хочу, чтобы точка оборачивания текста, чтобы быть точно так же во всех браузерах ...

взрыва голова здесь (знак на кирпичной стене). Веб-технологии даже не пытаются это сделать. Если вы выясните способ предоставления своего собственного шрифта - так же, как встроенные веб-сайты, вы можете SORTA заставить его работать. Но если 100% - ваша цель, вы можете также отказаться от сна.

Одним из опрятных вещей о браузерах является их «жидкая компоновка» capabitity, автоматически отображающая страницу по-разному на планшете, чем на рабочем столе, чтобы, например, заполнить различные размеры экрана. Одна из цен, которую вы платите за эту бесконечную переизлучение, но неспособна указать внешний вид точно. Кроме того, краевые случаи всегда возникают и укуса. Например, если доступная строка составляет 0-73 единицы, а текст, который вы хотите вставить, составляет 74 единицы в длину, «подходит» или нет? (т. е. подсчитывает нуль и использует последний элемент «подгонку» или указание необходимости «обертывания»?)

Единственный способ, чтобы браузеры отображали ваш точный внешний вид должен дать им что кажется им образ. Отображение текста на экране, снятие его с экрана и создание этого снимка экрана в формате * .GIF - это один из способов.

Файл PDF также работает, поскольку браузер выглядит как «смешное» изображение с собственным движком рендеринга. Большинство движков рендеринга, вероятно, одинаковы (то есть из Adobe), даже если браузеры не совпадают, так что это гораздо более вероятно работает. Предоставление PDF-документов в Интернете работает очень хорошо и довольно широко поддерживается. Если URL-адрес выглядит как http://yoursys.yourdomain/yourpath/yourfile.pdf, большинство браузеров будут его извлекать и запускать свой инструмент для рендеринга PDF и отображать его напрямую ... обычно внутри окна браузера, поэтому пользователь даже не знает о другом приложении, которое было использовано.

Что касается последней части вашего вопроса, это неправильный вопрос. Это должны быть «решения, которые не требуют плагина, ПОЛЬЗОВАТЕЛЬ НЕ УЖЕ ИМЕЕТ». Преимуществом плагина PDF является подавляющее большинство пользователей уже имейте это. Не все плагины злы/неудобны ... только менее распространенные (или плагин Flash, если ваша цель - iPhone, где пользователям даже не разрешено ее загружать :-).

удачи!

Answer 3

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

http://en.wikipedia.org/wiki/Non-breaking_space