DTX: Привиделось что в коде ссылка, раз нет, тогда про инлайн блок можно не учитывать)
По шрифту. Я не разбирался в этом досконально с документацией. Но как мне видится. Line-height и размер шрифта работает по принципу (дальше грубый пример): из высоты линии вычитаем высоту шрифта и получаем расстояние между строк. Далее добавляем его до или после строки. Из за этого расстояния добавочного/вычтенного как раз блок и съезжает.
Про масштабирование: если попробовать, и после этого станет все ок. Тогда ясно откуда растут ноги у проблемы. После этого либо пытаться с этим как то справиться... Я такого решения не знаю. Так как файрфокс применяет свои алгоритмы масштабирования поверх сайта. То есть только какие-то хаки искать.
Либо просто сделать размер шрифта на пиксель больше или меньше и все.
В ином случае - желаю удачи с поисками хаков, отпишитесь сюда, если найдете. Будет полезно.
Saboteur: Благодарю за наводку, поищу может что среди плагинов подвернется. Но основной напряг с поиском. Из коробки там нет адекватного ранжирования.
Допустим существуют две статьи. В одно есть список в котором в каждом пункте содержится слово огурец, тема статьи блюда из огурцов. Вторая статья написано, что есть по сути своей растение огурец. В первом случае слово встречается 20 раз, во втором 7.
Dokuwiki выведет вперед первую статью.
Но вторая статья более релевантная, так как ключевое слово содержится в заголовке.
Можно ссылаться на файл из статьи, но он заливается отдельно. И контекстно ни как не связан со статьей. При удалении статьи файл надо будет удалять отдельно. То есть это требует дополнительной слежки за файлами приложенными.
Я вот про что.
Артем Зинкин: В данном случае могу ошибаться. Случайно в этом случае не требуется при задании шрифта для блока, еще указать: font-weight: 300;
Или он будет как нормал работать?
Aspirin77: Пожалуйста)
Сам в свое время искал что в этих целях использовать. Этот наиболее корректно отрабатывал, то что мне надо было. Да и с настройкой особых проблем нету.
Дмитрий: Не за что:)
Остальную часть вопроса тоже надо пробовать. Что не понятно задавать вопросы или гуглить. Допустим: как взять данные из формы javascript, и т.д.
Со вставкой в блок инфы не должно быть не каких проблем.
Если по картинке, есть еще нюанс, стоит надпись в редакторе сделать контрастной черный текст на белом фоне. И увеличить высоту шрифта пикселей этак до 90. Путем увеличение картинки каким-нибудь нормальным алгоритмом Lanczos или кубическое.
Недавно искал шрифт по картинке, эти действия помогли мне. Первоначально со шрифтом, как есть, выдавались левые варианты.
Ну цвет думаю надо прописывать в любом случае, мало ли у кого-то картинка не отобразиться. Особенно если текст или другие блоки на этом фоне имеют отличные цвета от стандартных темных оттенков.
Мысли вслух.
По шрифту. Я не разбирался в этом досконально с документацией. Но как мне видится. Line-height и размер шрифта работает по принципу (дальше грубый пример): из высоты линии вычитаем высоту шрифта и получаем расстояние между строк. Далее добавляем его до или после строки. Из за этого расстояния добавочного/вычтенного как раз блок и съезжает.