Как правильно сверстать логотип?
Это называется "горе от ума", типичнейший случай. Верстать логотип? У меня цензурных слов не хватит, чтобы описать бессмысленность этого занятия. Делай либо 2 переключаемые растровые картинки, либо одну в SVG.
Шриф редкий и я нашел его только с расширением .ttf, а значит, что данное решение не кросплатформенное. 
А что, fontsquirrel закрыли?)
Или на горе font2web )))