Отвечаю на первый вопрос.
"Почему Логоип появляется только после выполнения анимации?"
- Потому что он делает запрос на сервер для отображения шрифта
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>