tef

гугли js file Api

Можно. Но сложнее, чем если бы заранее продумывали расположение блоков.

Может и не совсем по вашему запросу. Но курс от Полиглота очень добротный.

Мой опыт по сабжу такой. Сам я мог только дизайнить и верстать. Искал программиста. Выложил объявление во вконтакте, не раскрывая суть идеи. Откликнулось ннсколько человек. Начали работать с одним. Он писал на питоне. В итоге стал пропадать всё чаще и пропал окончательно. Через какое-то время увидел реализацию этой идеи. Правда с кривоватым дизайном, но тем не менее.

Так же был опыт реализации другой идеи с хорошим другом программистом. В итоге так и не дошли до программирования потому, что сильно расходились во взглядах.

Так же много раз пытался начать со знакомыми. Все они начинают лезть в первоначальную задумку, порой меняя концепцию до неузнаваемости. Так не пойдёт.

Выводы я сделал следующие. Что нужно всё делать либо самому, хотя бы до стадии прототипа. Либо нужно много денег и нанимать людей на полную ставку. Иначе ни чего не получится.

В Опэн Сорсе, там конечно всё подругому. Огромный плюс в в том, что в нём можно сделать себе имя.

Если нужно делать в браузере, гугли fileAPI. Если node.js, то это модуль fs, который, при его необходимости, можно загуглить.

Всё дело в высоте строки (line-height). Строчные элементы равняются по строке. Если выставить высоту строки равной величине родительского элемента в котором нужно отцентровать, то будет желаемый эффект.

это делается за день и меньше

Ну-ну...

Вообще мне, конечно, показывали как на WP с плагином каким-то можно накликать себе лендинг за пару часов. Но так-то можно и в Muse сразу мутить и тогда верстальщик вообще не нужен.

Tuts+

Смотря какой разброс по размерам. Если сильно большой то имеет смысл переконвертировать их на сервере.

А так, картинку вставляете фоном и задаёте позиционирование по центру. Примерно так.

img {
bacground-image: url(картинка.png);
background-position: 50%;
}

Есть ещё bacground-size: cover. Он растягивает фоновую картинку по ширине и высоте блока.

В node.js можно.
В браузерном js есть file API.

Забей, это херня никогда не работала нормально. Просто возьми другой, тонкий шрифт.

Немного не то, что вам нужно, но тема смежная (язык английский) www.youtube.com/watch?v=s4HdeJctq-A

Я конечно ничего не хочу сказать и советов не дам, но.

Не понимаю в чём проблема?
https://jsfiddle.net/ajtgcq44/

Даже по канонам типографики шрифтов на страницу должно быть максимум 3. Для заголовков, основной и для сносок и остальной шалупни.

На веб-странице, нужно понимать, что только один шрифт, это уже 4 файла разных форматов. Каждый файл - это дополнительный запрос.
И я, честно говоря, только без обид, не представляю даже, что у вас твориться с 6 шрифтами на странице. И по вашему сообщению, видно, что вы по совету глупцов из этих интернетов начитались типографских книжек типа Рудера, Брингхерста и остальных. Чтож. Само по себе это не плохо, но только если вы по вечерам не смазываете свои, уставшие от печати, лигатуры.

А, отвечая на ваш конкретный вопрос, про свойства шрифтов. Из экзотического, есть возможность сделать капитель. Можно сделать италику, но это будет искусственный наклон, расчитываемый автоматически. Жирность из покон веков в браузерах не работала особо в правильном режиме.

И ещё дельный совет. Верстальщик ваши изысканные игры, с интервалами и прочим типографским полётом души, не особо оценит. В том плане, что максимум будет приблизительно похоже. Так задрачивать шрифт при вёрстке, так как вы задрачиваете его в фотошопе, вряд ли кто-то будет.

6 шрифтов - это много при любых раскладах.

nth-child(2)