Юлия Старченко

Я оптимизирую с помощью imageoptim
Удобно и PageSpeed не ругается

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

вы просто сделали очень длинные слова в параграфе, поставьте пробелы между "отзывотзывотзыв" и они автоматически будут переноситься на новую строку

Span по вертикали - с помощью transform: translate: https://jsfiddle.net/3tyg5qoL/3/
Текст в span с помощью line-height в em: https://jsfiddle.net/3tyg5qoL/4/

вы подключили только .ttf? чтобы шрифт отображался во всех браузерах нужно также подключить .eot (для IE) и woff (он понимается почти всеми и весит меньше, чем ttf, поэтому его пишем перед .ttf), не обязательно можно подключить еще svg для iphone и ipad. То есть должна быть примерно такая запись и все эти файлы в наличии:

@font-face {
font-family: 'academy';
src: url(../fonts/Academy.eot);
src: url(../fonts/Academy.eot?#iefix) format('embedded-opentype'),
url(../fonts/Academy.woff) format('woff'),
url(../fonts/Academy.ttf) format('truetype'),
url('../fonts/Academy.svg#academy') format('svg');
}